Firefox（3.6.3 Mac）無法在一組左浮動列表項的最后一個浮動到左

Question

我在無序列表中有一組<li>元素。 這些項目都向左浮動，它們之間留有一點間距。 問題是，最后一個列表項被包裝了（不在列表的末尾，而是在最左一行的新行中）。 我不知道為什么。 使用Mac Safari和IE 7渲染效果很好。

li項目的CSS使它們向左浮動：

list-style: none;
float: left;
padding: 1px 1px 0 1px;
margin-right: 1px;
border: 1px solid #2A3139;  /* to hold space for hover border */

另一個事實：無序列表位於div中（出於剪切目的；列表水平滾動）； <ul>的CSS指定：

overflow: none;
position: relative;

（盡管我不認為這與問題有關……但從未有人知道）

Answer 1

容器div的寬度是否足以容納所有li元素的寬度加上其邊距和邊界？ 如果沒有，則如果沒有足夠的空間，則浮點數將換行到下一行。