Höhe eines div wird nicht automatisch in IE7? In

Question

ich einen Tisch in einem div gemacht haben. Folgende Stile werden auf das äußere div angewendet.

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; 

In IE8 die äußere div erscheint völlig in Ordnung, mit einer horizontalen Scrollbar aber in IE7 beide Scrollbalken angezeigt und die äußere div wird nicht automatisch die Höhe eingestellt wird. Ich möchte, dass dies genauso aussieht wie in IE8. Kann jemand etwas vorschlagen?

Es folgt ein Link zu den Screenshots in beiden Versionen von IE:

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

Answer 1

Da Sie nur das, was der Überlauf in einer Richtung passieren overflow-x: auto statt overflow: auto gesetzt.

Answer 2

Verschiedene Browser haben unterschiedliche Vorstellungen über Standardränder und Polsterung, etc. Versuchen einen Reset-Stylesheet vor Ihrem Sheet Hinzufügen des Browser zu normalisieren und sehen, ob das für Sie das Problem löst. Möglicherweise müssen Sie Ihr vorhandenes Stylesheet subtil anpassen, um dies zu berücksichtigen, aber sie sollten geringfügig sein und sich in allen Browsern gleichermaßen widerspiegeln.

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