Как убрать отступ у сайта сверху в Firefox?

Question

[sllugovskih]

Здравствуйте, есть сайт nsk-vesna.ru/vybor-uchastka во всех браузерах отображается нормально кроме мозиллы, в нем появляется отступ сверху. Что нужно поменять в верстке чтобы убрать это?

Comments

[Therapyx]

Я не по делу конечно, внизу уже написали, но у ваших картинок там похоже слишком высокое разрешение, для маленьких размеров. У людей со слабым инетом будет прилично прогружатся, что вносит раздражение конечно же )) Советую сделать поменьше, при таком размере это никак не отразится на качестве картинки с виду.
П.с. 2 картинки, под "Коттеджный поселок "Весна""

[sllugovskih]

Therapyx: спасибо за совет) жаль только увидел

Answer 1

[Евгений Петров]

Проблема ваша, как и у многих, в незнании margin collapsing. Источник появления верхнего отступа у body в этом правиле:

.footer {
	margin-top: 40px;
}

Либо убирайте отступ, либо замените на padding, либо задайте:

.wr:before {
	content: "";
	display: table;
}

Правильно это делать для родительского элемента, но писать правила для имени тэга — верный путь к путанице.