Из-за тега hr для IE6 происходит разрыв веб-страницы

Question

Я приложил два скриншота веб-страницы, которую я разрабатываю (я новичок в веб-дизайне), а также общедоступную ссылку dropbox на zip-файл, содержащий фактическую страницу, css и папку с изображениями. Проблема в том, что разрывы страниц для IE6 работают, как требуется для более новых версий самых популярных браузеров. Кажется, проблема в теге hr, но не уверен.

Ребята, помогите, пожалуйста, исправить это и в IE6.

Ваша помощь спасет меня от разочарований и времени.

Thnks Ромеш.

Открытая ссылка DropBox: http://dl.dropbox.com/u/27899629/page.zip

Answer 1

Вместо использования HR иногда я использую элемент p или div с соответствующим стилем CSS. Например:

div.className, p.className
{
    height:1px;
    padding:10px 0px;
    background-color:#f9f9f9;
    margin:0px auto;
    width:90%;   
}

Используйте 100% по ширине, если вы хотите, чтобы оно распространялось на всю ширину родительского элемента

В зависимости от желаемого стиля, попробуйте эту опцию, и я думаю, что она будет работать одинаково независимо от браузера.

Answer 2

Не думаю, что в IE6 есть способ исправить HR-разбор.

Я бы переключился на DIVs ...