與導航無序列表中的徽標img垂直對齊

Question

我正在構建導航。該結構是一些無序的列表左側浮動。第一行項目雖然包含一個圖像元素，我似乎無法將其與UL垂直對齊。這是棘手的解釋，所以我已經在這裏創建了一個js小提琴：http://jsfiddle.net/JmjzU/

任何指針如何將img放置在包含UL的中間，無論是垂直還是水平方向而不訴諸玩弄填充將不勝感激。

Answer 1

你有沒有把它設置爲背景圖像與CSS？

Answer 2

我發現在你的提琴未封閉的風格：http://jsfiddle.net/JmjzU/1/

正是在這裏，它改變了顯示器頗有幾分：

header img { 
    display: block; 
} 

我改變了搗鼓了一下視覺參考：http://jsfiddle.net/JmjzU/3/

你能描述一下你想要你的圖像與菜單，導航區域和其他一切有關嗎？

這是怎麼回事？ http://jsfiddle.net/JmjzU/4/