菜单对齐在Firefox中看起来不正确

时间:2013-10-06 13:15:16

标签: html css firefox

我正在使用this网页,它在Chrome,IE,Safari中运行良好,但在FF中却不是100%。菜单列表的对齐方式是1 px太低了!我在文档中没有HTML错误,我找不到解决方案。我希望有人可以帮助我,我希望在每个浏览器中都有一个完美的操作网页!

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

HERE(设计截图)你可以在所有4种浏览器中看到我喜欢的内容!

这是悬停代码:

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

1 个答案:

答案 0 :(得分:0)

像这样更改填充: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; 
}