Как решить проблему неверного подсчёта отступов в браузерах?

Question

[Dmitry Mev]

Слева Firefox, справа Chrome.


К сожалению, не сталкивался ещё с таким. Отображаться должно как в Firefox, но Chrome весьма чудит. Проверил, никаких отступов нет и ничего не наследуется.

Может быть кто-то сталкивался с подобным при верстке и нашел решение.

Заранее, спасибо.

Comments

[Сергей Мекетюк]

А можно увидеть стили блока?

[Dmitry Mev]

@SergeiMeketyuk jsfiddle.net/6J4R4 это стили 2-х блоков, без верхнего - он можно сказать не влияет.
Подобный "баг", наблюдается только в Chrome.

[Сергей Мекетюк]

У меня к сожалению нет бага в примере который вы скинули. Он у вас в этом примере на jsfiddle есть? Если да то какая у вас версия хрома.

[Dmitry Mev]

@SergeiMeketyuk в примере на jsfiddle тоже нет, а вот в хроме есть. Версия 32.0.1700.107

Answer 1

[Сергей Мельников]

meyerweb.com/eric/tools/css/reset

Answer 2

[Сергей Мекетюк]

Я к сожалению так и не смог воспроизвести баг. Попробуйте те два блока поместить в еще один что бы получилось так:

<div class="content-container">
    <div class="nav-mess"></div>
    <div class="body-mess"></div>
</div>

и задайте стили:

.content-container:before,
.content-container:after {
    content: " "; 
    display: table; 
}
.content-container:after {
    clear: both;
}