随缩放移动的导航栏变为未对齐[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＆amp; CSS，我在相关代码之前和之后添加了一个大的空格。如果有人知道我如何解决这个问题，我将非常感激。

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

感谢你的时间！

Answer 1

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

////行索引：51

ul.horizontal    
width: 100%;

///行索引：59

ul.horizontal li  
width: 233.5px;