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;