關于IE6下Li標簽左邊多出寬16pxBUG的問題
偶然發現,IE6的Li標簽左邊會多出16px的寬度 , 即使把list-style-type設置成none 。而在Firefox中卻是正常的(IE其它版本沒測試 , 不過應該是和Firefox一樣的) 。
經驗證 , 其實是IE6的list-style-position屬性造成的,默認情況下,Firefox中list-style-position值為 outside,即列表項符號會在LI標簽的外面顯示 。而IE6的默認值則相反(inside) 。不過這還不是問題關鍵,IE6完全是屬于占著茅坑不拉屎 的那種 , 即使你不顯示列表項符號 , 即把list-style-type設置成none,它依然會保留列表項符號占用的空間 。所以無論你給LI的設置 margin:0或者padding:0,你都會發現Li左邊會多出16PX的空間 。

【關于IE6下Li標簽左邊多出寬16pxBUG的問題】既然知道問題的關鍵,解決起來就不難了,直接設置 ul 的樣式為
list-style-position:outside;
OK,把項目符號趕到LI的外面去 , 讓IE6去哭吧 。。。
