与导航无序列表中的徽标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/