div如何顶部对齐
<div class="container" ><td valign="top"></td>
<ul class ="support"><td valign="top"></td>
<li><img src="images/Menu/首页_Click.png" width="54" height="40"></li>
<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/Menu/热门_Hover.png',1)"><img src="images/Menu/热门_Nomral.png" width="54" height="40" id="Image3"></a></li>
<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/Menu/电脑_Hover.png',1)"><img src="images/Menu/电脑_Normal.png" width="54" height="40" id="Image4"></a></li>
<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/Menu/手机_Hover.png',1)"><img src="images/Menu/手机_Normal.png" width="54" height="40" id="Image5"></a></li>
<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/Menu/电器_Hover.png',1)"><img src="images/Menu/电器_Normal.png" width="54" height="40" id="Image6"></a></li>
</ul>
</div>
有一片很大的空白。。我想要让他们更加紧凑一些..