Высота div не настраивается автоматически в IE7

Question

У меня есть таблица, отображаемая внутри div. Следующие стили применяются к внешнему div.

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; 

В IE8 внешний 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/