Почему этот элемент inline-block имеет содержимое, которое не выровнено по вертикали?

Наткнулся на странную проблему CSS. Может кто-нибудь объяснить, почему поле с содержимым не выровнено по вертикали?

Если вы поместите текст в промежуток с классом.divPutTextToFixIssue - он выравнивается правильно.

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


    
       <span class="divPutTextToFixIssue"><span>                 
    
    
        <span>Balance: $555</span>
    
​
</span></span>
#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;
}​

Ответы на вопрос(4)

Ваш ответ на вопрос