Firefox не расширяет абсолютный позиционированный div, содержащий кнопки

Question

У меня есть два divs, оба позиционируются абсолютным, один внутри другого, служащим меню. Во внутреннем я имею некоторые элементы кнопки, которые должны расширять родительский div. Прекрасно в теории, Chrome и IE. Но я не могу заставить его работать в Firefox. Кнопки не расширяют родительский div.

Как-то работает, если после кнопок добавить дополнительный элемент тега.

Css

/* .Menu-Wrapper and .Menu have to have postion: absolute */ 

.Menu-Wrapper { 
    position: absolute; 
    top: 100px; 
    left: 100px; 
} 
.Menu { 
    background: yellow; 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding: 6px; 
} 
.Menu-item { 
    background: red; 
    border: 0; 
    margin: 2px; 
    padding: 0; 
    display: block; 
    white-space: nowrap; 
    width: 100%; 
    text-align: left; 
} 

HTML

<div class="Menu-Wrapper"> 
     <!-- there would be a trigger button here, left out for simplicity --> 
    <div class="Menu"> 
     <!-- in firefox the follwoing buttons do not expand to width text --> 
     <button class="Menu-item">Menu Point 1 ....</button> 
     <button class="Menu-item">Menu Point 1</button> 
     <button class="Menu-item">Menu Point 1..</button> 
    </div> 
</div> 

См Пример здесь:

http://jsfiddle.net/2Xbpq/ (не работает в Firefox)

Любая идея, как заставить его работать в Firefox?

Answer 1

Использование width: -moz-available;

jsFiddle

Это будет исправить это, хотя я не совсем уверен, почему и далее действует странно в этом контексте ..