如何使<a>和<li>标签与<ul>吸盘鱼下拉菜单的尺寸相同？

Question

我使用以下结构的Suckerfish下拉菜单，当我使用Chrome的开发人员工具检查HTML时，我发现各自的标签都有自己的标签尺寸。这是有问题的，因为这实际上会导致这个按钮比页面上的其他按钮稍大。下面是我的意思的截图:http://dl.dropbox.com/u/9191/Screenshots/lsuf.png

可以看到，按钮3比其他按钮大。理想情况下，我想让按钮3与其他按钮大小相同。

标记如下:

<ul id="suckerfish">
<li id="main"><a href="#">Button 3</a>
    <ul id="dropdown">
        <li><a href="#">Dropdown Menu Item 1</a></li>
        <li><a href="#">Dropdown Menu Item 2</a></li>
    </ul>
</li>
</ul>

Answer 1

检查第三个按钮是否有一个'active'类。

Answer 2

@brian开始使用重置CSS文件

我用这个http://meyerweb.com/eric/tools/css/reset/

如果你仍然有问题(我怀疑)，请告诉我