缩小时布局会变得模糊

Question

我做了一个固定布局，它在所有浏览器上都很好用。但是，当缩小至少一个轮子滚动（90％）时，第二个导航（＃标题导航）项闯入更多行并且将元素推出他们的位置。我尝试使用em和％设置字体大小，填充和边距，但没有好处。如果我做了溢出：隐藏＃头导航，我可以缩小高达50％，没有问题。这对我来说已经足够了，但是隐藏并不是一种选择。

你可以在这里看到：http://palivonas.lt/test/stackoverflow/

编辑：明白了在Chrome和IE9（感谢@GGG）工作，但Firefox还是推#social框下来，即使行不以航行打破任何更多。

Answer 1

这是一个修复程序。

将列表项'display属性更改为inline-block，并删除float。

#header-navigation li { 

    background: url(images/slash_header.png) right no-repeat; 
    padding-right: 26px; 
    margin-right: 19px; 
    display: inline-block; 

} 

将white-space: nowrap添加到包含导航的有序列表中。

ol, ul { 

    list-style: none; 
    white-space: nowrap; 

}