div如何顶部对齐

Question

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

有一片很大的空白。。我想要让他们更加紧凑一些..

Answer 1

没清除默认样式吧。 ul 默认样式有margin
加上这段reset.css