Почему в верхней части моего браузера есть поле?

Question

У меня есть веб-страница , которая по-разному отображается в Firefox и Safari (тестирование IE еще впереди).

Страница отображается так, как и ожидалось в Safari, но между телом и HTML есть поле в 50px, поэтому я не могу определить, что его вызывает.

Вот CSS для тела:

body     { 
font-size: 13px; 
line-height: 1.333em; 
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #323232;
}

Я был бы очень признателен за помощь в нахождении причины этого различия. В идеале версия Firefox лучше, потому что она дает эту дополнительную передышку наверху.

Спасибо.

Answer 1

Я посмотрел ваш код, и ваша ошибка заключается в свойствах #container:

#container
{ width: 1100px; margin: 0 auto; margin-bottom: 50px; }

Вы должны сказать вместо

#container
{ width: 1100px; margin-left: 50px; margin-right: 50px margin-bottom: 50px; }

Answer 2

Уходит, если вы удалите поле, установленное в # container

Answer 3

Основываясь на вашем сайте, я полагаю, что проблема на самом деле связана с div id'd как "контейнер"Это свойство верхнего поля установлено на 50px.Установите это в 0px, явно, и это должно быть хорошо.