我有一段时间没有碰过这个网站，所以在修复由于更改而发生的样式问题时，我很生气。
请参阅http://edocumentsciences.com.previewdns.com/
顶部导航绿色图像表示您在页面上，当您将鼠标悬停在某个项目上时，它似乎没有正确排列。
这是“当前”或“悬停”导航项的结构 代码：
<li class="first_item page_item page-item-2 current_page_item"><a title="Home" href="http://edocumentsciences.com.previewdns.com"><span class="title_text">Home</span></a></li>
这是两个相关的样式。跨度和超链接都有背景图像，但是其中一个边距设置为右边角排列（-30px）
超链接样式： 代码：
background:url("images/menu_bg.png") no-repeat scroll 100% -30px transparent;
text-decoration:none;
跨度风格：
代码：
'background：url（“images / menu_bg.png”）no-repeat scroll 0 0 transparent; 颜色：#FFFFFF; 宽度：100％;'
答案 0 :(得分：1)
首先，将垂直位置改回-30px（现在为-29px）。其次，您需要调整填充。我会将所有span的填充设置为0 0 0 10px，将所有a设置为0 9px 0 0;。第三，不要在span上将宽度设置为100％，而是将其设置为auto。 100％包括填充并弄乱它。