IE7でdivの高さが自動的に調整されない

Question

div内にテーブルがレンダリングされています。以下のスタイルが外側のdivに適用されます。 IE8で

width:auto; 
background-color:white; 
overflow:auto; 
height: auto; 
scrollbar-face-color:#E0EEEE; 
scrollbar-arrow-color:#33ccff; 
scrollbar-track-color:#EEFFFF; 
scrollbar-shadow-color:#EEFFFF; 
scrollbar-highlight-color:#EEFFFF; 
scrollbar-3dlight-color:#EEFFFF; 
scrollbar-darkshadow-Color:#EEFFFF; 

外側のdivは、水平スクロールバーと完全に細かい表示されますが、IE7の両方にスクロールバーが表示され、外側のdivは自動的に高さを調整されていません。 IE8と同じように見えるようにしたい。誰かが何かを提案することはできますか？続き

は、IEの両方のバージョンでは、スクリーンショットへのリンクです：

http://img692.imageshack.us/img692/6374/81306247.png

Answer 1

だけオーバーフローが一方向に起こる何overflow-x: auto代わりのoverflow: autoを設定しているので。

Answer 2

ブラウザによっては、デフォルトの余白やパディングなどの考え方が異なります。スタイルシートの前にリセットスタイルシートを追加して、ブラウザを正規化し、問題が解決するかどうかを確認してください。これを組み込むために、既存のスタイルシートを微妙に調整する必要があるかもしれませんが、すべてのブラウザに等しく反映されるはずです。以下のようなサイトの例を生きる与える

http://meyerweb.com/eric/tools/css/reset/