Table cell contents don't vertical align after adding a left floated <ul>

http://jsfiddle.net/LEARy/

In my table cell I've got an unordered list fl开发者_StackOverflow社区oated to the left, after that I have some text within the same cell. So I've added the vertical-align:middle property... still no help. The text not in the list did not align vertically. I've tried modifying line-height property to match the cell's height, nothing happened.

Help!

add this to your css

li {display:inline;}
http://jsfiddle.net/LEARy/3/