Вам следует подумать о том, чтобы не заботиться о IE6, потому что он становится все более и более редким.Тем не менее, вы задали вопрос, поэтому я собираюсь на него ответить.
Просто удалите position: relative
и z-index: 1
из #container
.
. Это исправляет IE6, и я сделалне замечаю каких-либо различий в IE7 / IE8 или Firefox.
Бонус, потому что мне приятно:
Чтобы исправить кнопки меню, добавьте это в свойCSS:
.ie6 #nav li a { zoom: 1; display: inline }
Благодаря использованию HTML5 Boilerplate , у вас есть этот замечательный простой способ передать CSS в IE6.
Получить (выпадающие списки ) ul#nav li:hover ul
, работающие в IE6, вы можете использовать Независимо от: hover .
Кроме вышеперечисленных проблем, эта страница прекрасно выглядит для меня в IE6.