垂直alignement搞砸由於圖像

Question

<ul> 
    <li><a href="#">Menu 1 <img src="image.png" alt="" /></a></li> 
    <li><a href="#">Menu 2</a></li> 
    <li><a href="#">Menu 3</a> 
</ul> 

這個菜單的垂直對齊搞砸由於增加了一個小圖像內對李的的。請參閱：http://jsfiddle.net/7n4sZ/

是否有任何可以跨瀏覽器工作的修復程序？

非常感謝您的幫助！

Answer 1

I`ve讓你一個jQuery的解決方案。如果你添加一些不同高度的圖像，直接與CSS是困難的。隨着更多的數學，並按高度分組，這是可能的。

但是您的問題 - solution

Answer 2

添加到您的CSS

img {vertical-align:bottom;} 

fiddle here