该网站为here。
看到菜单项后面的蓝条？它是40像素高，一个像素宽，并用作重复背景 - 所以，为什么它在最右边的菜单项后看起来很奇怪？
如果有人需要，图片为here。
因此使用图像：
.menu_bar
{
background-image: url("http://leonixsolutions.com/images/menu_background.jpg");
background-repeat: repeat-x;
font-size: large;
padding-left: 160px;
padding-top: 5px;
text-align: center;
}
答案 0 :(得分：1)
.pd_menu_01声明了背景颜色为白色，并且是div。由于div是块级元素，因此它们的默认宽度为100％。
声明要显示的div：inline，将菜单包裹在span中而不是div中，或者使背景颜色透明而不是白色。
答案 1 :(得分：1)
这里真正的问题是.pd_menu_01向右延伸太远（并且其白色背景覆盖了渐变）。尝试使用自动宽度或类似内容使其inline-block，以使其不会向前延伸到更远的位置。您还可以将其背景颜色设置为transparent（但在我的浏览器中，.pd_menu_01会使页面太宽，从而导致不必要且丑陋的水平滚动条，因此宽度解决方案仍然相关）。
答案 2 :(得分：1)
它没有任何问题，
您的菜单容器div.pd_menu_01有背景颜色#ffffff将其删除，您就可以了......