Почему IE6 не корректно отображает эту границу?

Question

В настоящее время я заканчиваю сайт, который клиент хочет работать во всех браузерах. Однако, похоже, проблема CSS, с которой я не могу обойтись. Граница вокруг этой страницы, похоже, начинается с середины страницы, а не вокруг всей страницы. Тем не менее, он работает во всех других браузерах. Я предполагаю, что это проблема с поплавком, но нижняя граница #contact-form имеет в основном тот же CSS, что и для нее, но граница все еще его окружает, а #info, похоже, вырвался из границы.

Веб-страница в вопросе http://lunaskymoda.co.uk/contact-us/

Единственная ошибка валидации с незарегистрированным ключевым словом «Nextgen», но я сомневаюсь, что это проблема. Я провел целый день, занявшись этим и не могу найти разумного объяснения, почему это происходит.

СМЧ для возможных HTML элементов, создающих ошибку являются:

#main #main-content { 
border: 1px solid white; 
display: block; 
margin: 12px 0; 
background: black; 
} 

.contact #main-content .info { 
margin: 10px; 
width: 300px; 
font-size: 14px; 
color: white; 
float: right; 
display: block; 
} 

Answer 1

Вы не первый, кто имел проблемы с IE6 :) Проблема, конечно, «ясно: как» из ясный класс не соблюдается, поэтому вам нужно его взломать. Вот возможный подход: http://damienhowley.wordpress.com/2009/04/01/ie6-hack-replacing-clearboth/ Вы также можете попробовать заменить < DIV класс = «ясно» > </дел > по < бр ясно = «все» >.