FirefoxとIEのjQuery UIのサイズ変更可能なバグ（？）

Question

私は動的コンテンツを持つソート可能なテーブルを使用して、会社のHRモジュールを構築しています。プロジェクトが終了した後、クライアントはテーブルを垂直方向にサイズ変更できるように要求しました。私はjQuery UI resizable（）をメインテーブルがラップされているdivに適用しました。 サファリとChromeでは絶対に動作しますが、FirefoxまたはIEでラッパーdivのサイズを変更すると、表の高さは変わらず、divのディメンションには拡大されません。

単純化されたマークアップは次のようになります。

<div id="list"> 
    <div class="table-container"> 
     <table> 
      (blablabla, this is a sortable table with clickable th's and about 10 columns) 
     </table> 
    </div> 
</div> 

スタイルは以下のとおりです。私は各要素にオーバーフロー、位置と表示値を様々な使用してみました

#list { 
    width: 1150px; 
    height: 180px; 
    float: left; 
    overflow: hidden; 
    border: 1px solid #aeaeae; 
} 

#list .table-container { 
    width: 1145px; 
    height: 175px; 
} 

#list table { 
    width: 100%; 
    height: 100%; 
    float: left; 
} 

#list table td { 
    height: 20px; 
    vertical-align: middle; 
} 

しかし結果はそれほど良くはなかった。 jQueryの部分は次のとおりです：

Firefox/IEでは本当に問題がありますか、何か間違っていますか？

Answer 1

Firefox 9.0.1でコードをテストしました。 問題が見つかりませんでした。

divのサイズが変更されたため、テーブルの高さが変更されました。

Firefox、IE、Chromeでテーブルのサイズを正しく変更しました。

FFやIEに何か問題はないとは思いません。 あなたのコードの他の何かがそれに影響していると思います。