Что-то странное в позиции: абсолют в FireFox

Question

У меня есть такая структура:

<div class="content">
    <div class="board"></div>
</div>

тогда вот CSS:

.content{
    height: 155px;
    left: 0;
    top: 30px;
    width: 300px;
    position:absolute;
    background-color:black;
}

.board{
    -moz-box-align: stretch;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    display: -moz-box;
    height: 100%;
    width: 100%;
    background-color:red;
}

проблема в том, что .board div должен быть точно таким же, как .content div. Тем не менее, .board div кажется немного смещенным вниз, вот jsFiddle (откройте его в FireFox!): http://jsfiddle.net/hxhxhx33/5etU5/

Я думаю, что проблема в "позиции: абсолютной: .content div ..

Как это исправить?

Answer 1

Это не position:absolute;, это display: -moz-box;, вызывающее проблему.

Чтобы дать компенсацию, дайте .board a position:inherit;

http://jsfiddle.net/5etU5/1/