IE 10 Ширина Проблема с Абсолютно Расположенным ребенком

Question

У меня есть эта проблема, когда ребенок проходит мимо родителя. Ребенок имеет процентную ширину и абсолютно расположен. Я создал скрипку здесь: https://jsfiddle.net/f2zf7par/

<div class="grand-parent"> 
    <div class="parent"> 
    <table class="child"><tr><td>test</td></tr><tr><td>test</td></tr> 
    </table> 
    </div> 
</div> 

.grand-parent {width: 100%; max-width: 400px; height: 300px; background: #000;} 
.parent { 
width: 100%; position: relative;} 
.child {background: #fff; width: 50%; height: 50%;position: absolute; right: 0;} 

Как я могу иметь IE ведут себя так же, как и в других браузерах?

Answer 1

Вместо right:0, вы можете сделать это:

left:50%; 

Демо: https://jsfiddle.net/f2zf7par/1/

Это в основном то же самое, правда, и выглядят одинаково в IE (11, надеюсь, 10, тоже), Chrome и Firefox.