css - Display:table は div の高さを拡張します。ソリューション？

Question

html2 つのバーを表示するこのシーケンスがあります。display:table最初のdiv内にインラインリストを表示するので、こちらの方が見栄えが良いので使いたいです。問題は、それが div を拡張し、20px で大きくすることです (そして、他の div を下に移動します)。

<div class="top-bar></div>
<div class="tail-bar></div>

.top-bar{       
    width: 520px;
    height: 50px;
    dispaly: table;
    background-color: #FFFFFF;  
}

編集: JSFiddle http://jsfiddle.net/eCYUT/2/を追加しました

display:tableタグ無しバージョンです