[問題] 很單純的li序列卻會移位?

[virgin7 (人類造不出天堂)]

前輩們午安
最近剛接觸css練習中
有個簡單的表單，我用序列加上浮動來排
flaot我的理解是應該會令"width夠就接在前一個浮動，不夠就會擠到下一行”

在firefox裡是正常我想要的樣子，在ie7就不行了
其中就有某些＜ｌｉ＞的內容會被擠到旁邊
我故意加一堆假字也無法自動推擠到下一排

檔案如下 http://www.badongo.com/file/19314928
感謝前輩撥冗指點囉~

--

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 218.166.98.74
→ winsummer:w3c中的width是指內容的寬度,但是在舊版本的ie中,width
→ winsummer:是指內容+內邊距(padding)+邊框(broder),所以出現了不同
→ winsummer:的顯示,ie8已跟回w3c的規範,還有個人的見議,用float最好
→ winsummer:width,要取消float請用clear:both;盡量不要讓瀏覽器自己
→ winsummer:去判斷是否要擠到下一排
推 superpai:IE6就沒樓上的問題了..
推 superpai:我沒IE7試 不過你li加上display:block;height:1%看看