Firefox (3.6.3 Mac) ne peut pas flotter à gauche le dernier d'un ensemble d'éléments de liste flottant à gauche

Question

J'ai un ensemble d'éléments <li> dans une liste non ordonnée. Les objets sont tous flottants à gauche, avec un peu d'espace entre eux. Le problème est, le dernier élément de liste est enveloppé (n'est pas à la fin de la liste, mais à gauche sur une nouvelle ligne). Je ne sais pas pourquoi. Le rendu est très bien avec Mac Safari et IE 7.

Le CSS pour les éléments li les flotteurs gauche:

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

Une autre factoid: la liste non ordonnée est dans un div (à des fins clipping; la liste est défilé horizontalement); le CSS pour la <ul> spécifie:

overflow: none; 
position: relative; 

(bien que je ne pense pas que cela est lié au problème ... mais on ne sait jamais)

Answer 1

est la largeur de votre conteneur div assez large pour accommoder la largeur de tous vos éléments li PLUS leurs marges et bordures? Si ce n'est pas le cas, les flotteurs s'enrouleront à la ligne suivante s'il n'y a pas assez d'espace.