Firefox BUTTON Kind Element nicht dehnen

Question

Ich habe ein Problem in Firefox (neueste Version). Ich muss ein Kindelement in ein BUTTON-Element einfügen, das sich über die gesamte Schaltfläche erstreckt. Aber ich bekomme diese: JSFIDDLE

Chrome zeigt es (richtig, glaube ich):

Hier ist die CSS ist:

button{height:100px;background:orange;padding:0;border:none;} 
button span{display:block;height:100%;background:red} 
button::-moz-focus-inner {padding:0;margin:0} 

Und die Markup: <button><span>test</span></button>

JSFIDDLE

Answer 1

können Sie die absolute Positionierung verwenden, um die span die button zu machen füllen:

button { 
    position: relative; 
    ... 
} 

button span { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    ... 
} 

Fiddle here.

Answer 2

Sieht aus wie ein Fehler in Gecko zu mir; Ich archivierte https://bugzilla.mozilla.org/show_bug.cgi?id=913759