窗口縮小時列表項移動？

Question

我一直在爲此奮鬥了幾天。我可以解決這個問題，但以這種方式解決問題並不能達到預期效果。

當我縮小時，我的列表項目之一下降到下一行。我怎樣才能阻止這種情況發生？

這裏有一個小提琴，如果你縮小你會看到「三公」下降到下一行http://jsfiddle.net/j5u2Q/

如果我從.middle刪除邊框，增加填充所以這是完全一樣的寬度，在問題不存在？邊界有問題嗎？

#banner li.middle {padding: 0 16px; border-left: 1px solid #959595; border-right: 1px solid #959595;} 

感謝，

Answer 1

嘗試添加min-width和max-width你的容器。如果需要，高度相同。邊界也爲你的元素增加了邊距，使得每邊都有更多的定義像素（或像素放大）。

Working Fiddle

Answer 2

你有沒有嘗試

#container {width: 100%;}