html - 随缩放移动的导航栏未对齐 [HTML/CSS]

Question

我的水平导航栏有一个小问题。在 Chrome 上，导航栏与上面横幅的宽度完全一致，占据了整个空间，但只有在 100% 和 110% 缩放时。任何其他缩放级别都会破坏对齐。

http://jsfiddle.net/UdSrD/1/

    <please ignore this code, it is only here because it has to be>
    <all relevent code in above link>

在HTML和CSS中，我都在相关代码前后添加了一大片空白。如果有人知道我如何解决这个问题，我将不胜感激。

我是这样的完美主义者，所以我需要修复它。

感谢您的宝贵时间!

Answer 1

请在 css 中进行以下更改中殿的宽度更大

////行索引:51

ul.horizontal    
width: 100%;

///行索引:59

ul.horizontal li  
width: 233.5px;