Элемент HTML5 <section>не принимает отрицательную маржу в Firefox 3.6.x

Question

Я пытаюсь использовать отрицательное верхнее поле для элемента, и он не работает в Firefox. Chrome и IE (используя HTML5-shiv) отображают его правильно. Я дал элементы HTML5 (включая display: block).

Мысли? CSS, если вам это нужно:

aside, article, section { display: block; }


section#banner {
background: url(images/banner.png) no-repeat 3px 3px;
border: #CCD1DB 1px solid;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3+, Chrome */
border-radius: 10px; /* Opera 10.5, IE 9 */
-moz-box-shadow: 0px 0px 4px #E0E3E9; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #E0E3E9; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #E0E3E9; /* Opera 10.5, IE 9.0 */
display: block;
height: 350px;
margin: -50px auto 0;
overflow: hidden;
padding: 3px;
position: relative;
width: 600px;
}

Answer 1

http://dev.w3.org/html5/spec/Overview.html#the-section-element

Элемент section не является общим элемент контейнера. Когда элемент необходимо для стилизации или в качестве удобство для написания сценариев, авторы рекомендуется использовать элемент div вместо. Общее правило таково, что элемент section уместен, только если содержимое элемента будет перечислено прямо в схеме документа.

Больше ресурсов: http://html5doctor.com/the-section-element/