在Internet Explorer中的位置div絕對錶內

Question

我有一個表絕對位置在div內的位置，並希望該表留在div內的文本。 Firefox確實如此，Chrome需要顯示：-webkit-box;使其工作。

但我的問題是，如何解決這個問題的Internet Explorer？（IE 9以上）

.container { 
 
    width:250px; 
 
    height:250px; 
 
    background:red; 
 
    position:relative; 
 
} 
 
.container table { 
 
    position:absolute; 
 
    top:20px; left:100px; 
 
    display:-moz-box; 
 
    display:-webkit-box; 
 
    display:-ms-flex; 
 
    display:box; 
 
}

<div class="container"> 
 
    <table cellpadding="0" cellspacing="0"> 
 
    <tr> 
 
     <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</td> 
 
    </tr> 
 
    </table> 
 
</div>

小提琴例如： http://jsfiddle.net/wLLGp/

注意：這是代碼的簡化版本，我不能真正改變表中一我知道的div解決了問題。

編輯：我使用響應式設計，所以只有外部div（.container）可以有一個寬度。

Answer 1

刪除所有這些display屬性，給你<table> IT需求的width：

容器寬度：250像素 - 左邊100像素：150像素;

.container table { 
    left: 100px; 
    position: absolute; 
    top: 20px; 
    width: 150px; 
} 

Here is a demo