проблема маржи в FireFox

Question

У меня проблема с полем в Firefox, которая полностью работает в других браузерах, поэтому это мой HTML

HTML:

// *** означает некоторый код

<header>
    <div class="left">
        <div class="logo">
            //***
        </div>
    </div>

    <div class="right">
        <div id="log-on">
            //***
        </div>
    </div>
    <div class="clear"></div>
</header>
<section class="search-seaction">
    //***    
</section>

CSS:

.clear { clear:both; }

.left { float: left }

.right { float: right }

.search-seaction
{
    margin-top: 62px;        
}

и вот скриншоты

Firefox:

Opera & Chrome:

Это полеЗаголовок появляется только в Firefox.В чем причина такого поведения?

ВЫПУСК : когда я даю поле для раздела, заголовок "margining"

Answer 1

Попробуйте задать высоту заголовка:

header {
  height: 100px;
}

(установка переполнения для скрытых работ тоже)

header {
  overflow: hidden;
}

Answer 2

Вы также можете исправить это, используя другое исправление:

http://jsfiddle.net/dXskZ/1/

Answer 3

вместо того, чтобы использовать Css: overflow: auto для заголовка, он работает. Но я не могу ответить, почему

Answer 4

Да, это происходит. Чтобы решить эту проблему, вы можете использовать таблицу стилей сброса. Сброс образца таблицы стилей

Answer 5

Попробуйте добавить код ниже в свой CSS

*{
margin:0;
padding:0;
}

OR

html,body{
margin:0;
padding:0;
}

или оба