垂直居中的列表

Question

我尝试垂直居中li导航的ul元素。 li中的一些元素具有不同的高度，我无法找到解决方案：/

http://jsfiddle.net/uLgcu/8/

HTML：

 <ul id="navigation">
    <li><a href="#" >Test</a></li>  
    <li>
        <a href="#">
            <div id="logo">
                THE BIG DIV
            </div>
        </a>
    </li>
    <li><a href="#" >Test</a></li>
</ul>

CSS：

#navigation li {
display: inline ;
font-size: 17px ;
margin-left : 15px;
float : left ;
background-color : red;

 }

#logo {
width : 300px;
height : 300px;
background-color : blue;
}

谢谢！

Answer 1

#navigation li img{
/*
display: inline ;
font-size: 17px ;
margin-left : 15px;
float : left ;
background-color : red;
*/
vertical-align:middle;
 }