Я в настоящее время заканчиваю сайт, который клиент хочет работать во всех браузерах. Тем не менее, кажется, есть проблема с CSS, которую я не могу обойти. Граница вокруг этой страницы начинается с середины страницы, а не вокруг всей страницы. Это работает на всех других браузерах, хотя. Я предполагаю, что это проблема с плавающей точкой, но под #contact-form ниже в основном применяется тот же CSS, но граница все еще окружает его, в то время как #info, кажется, вырвался из границы.
Веб-страница, о которой идет речь, http://lunaskymoda.co.uk/contact-us/
Единственная ошибка проверки - с незарегистрированным ключевым словом "Nextgen", но я сомневаюсь, что это проблема. Я потратил целый день на решение этой проблемы и не могу найти разумного объяснения, почему это происходит.
CSS для возможных элементов 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;
}