Warum hat dieses Inline-Block-Element Inhalt, der nicht vertikal ausgerichtet ist?

Ist auf ein seltsames CSS-Problem gestoßen. Kann jemand erklären, warum die Box mit Inhalt nicht vertikal ausgerichtet ist?

Wenn Sie Text innerhalb des Bereichs mit Klasse einfügen.divPutTextToFixIssue - Richtet sich richtig aus.

http://jsfiddle.net/KgqJS/88/

<div id="divBottomHeader">
    <div class="divAccountPicker">
       <span class="divPutTextToFixIssue"><span>                 
    </div>
    <div class="divAccountData">
        <span>Balance: $555</span>
    </div>
</div>​
#divBottomHeader {
    background-color: #d5dbe0;
    height: 43px;
}
.divAccountPicker {
    display: inline-block;
    background: blue;            
    width: 200px;
    height: 40px;
}
.divAccountData {
    display: inline-block;
    background: red;
    width: 400px;
    height: 40px;
}​

Antworten auf die Frage(4)

Ihre Antwort auf die Frage