html - Firefox 中的菜单对齐方式看起来不正确

Question

我正在处理这个网页，它在 Chrome、IE、Safari 中运行良好，但在 FF 中不是 100%。菜单列表的对齐方式太低了 1 px！我的文档中没有 HTML 错误，也找不到解决方案。希望有人能帮助我，我喜欢在每个浏览器中都有一个完美的操作网页！

我现在用 Martin Metsalu 的最后一个代码建议更新了我的 CSS 文件

这里（设计图）你可以在所有 4 个浏览器中看到我喜欢的东西！

这是悬停代码：

#menu ul li a:hover,a:active {
background-color: #fff;
color: #000;}

Answer 1

像这样更改填充：padding: 7px 12px;

#menu ul li a {
    font-size:11px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 12px;
    padding-top: 9px;
    background-color: #258abe;
    font-family: Verdana; 
}