垂直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