教えて！ホームページ作成Q&Aコミュのcssで縦に中央揃えについて

http://www.yomotsu.net/wp/?p=387

上記を参考にテキストを縦に中央揃えにしたいのですが
下記ではうまくいきません。
テキストがwidth:50px;に1行で収まればいいのですが
2行になってしまう場合でも中央そろえにしたいです。
ご指導お願いします。

html--------------------------------------

<ul class="globalNavigation">
<li><a href="index.html">CONTENTS_A</a></li>
<li><a href="index.html">CONTENTS_A</a></li>
<li><a href="index.html">CONTENTS_A</a></li>
<li><a href="index.html">CONTENTS_A</a></li>
<li><a href="index.html">CONTENTS_A</a></li>
<li><a href="index.html">CONTENTS_A</a></li>
</ul>

css---------------------------------------

.globalNavigation {
margin:0px;
padding:0px;
float: left;
}
.globalNavigation li {
float: left;
margin:0px;
padding:0px;
width:50px;
color: #000000;
display:inline-block;
vertical-align:sub;

}

.globalNavigation li a {
float: left; /* for WinIE6 */
text-decoration: none;
width:50px;
padding:0px;
margin:0px;
background-image: url(img/shikaku.gif);
background-repeat: no-repeat;
height:50px;
text-align:center;
}