div+css IE 6,7,8相容的一個執行個體

===========解決ie6 與ie8的padding問題==========
一開始我一直以為ie6加了padding顯示的width=width+pading 其實不是，找了資料 ie下都不會的
如果這樣你就要檢查的css設定
看我的：
前台代碼：
<asp:Repeater ID="rpt_zzjs" runat="server">
<HeaderTemplate><ul class="ul_con"></HeaderTemplate>
<ItemTemplate><li><a href="<%# GetRequst.GetRequsetQuerystring("vid")%>/content/<%# Eval("id")%>.do">· <%# Common.GetLeftstring(Eval("title").ToString(),22)%></a></li></ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:Repeater>

原css代碼
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

ie7,8下沒問題，ie6下 ul表的總寬度增長了10px,介面難看死了。開始以ie6下會加上他的pading值。找了資料都說不會加的，只有firefox下才會加的。
冥思苦想後，原來我這個在ie6下 顯示的寬度是 li的padding+a的width=10+100%難怪會增加。現在我把padding寫在a裡面 問題解決
代碼如下：
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; }
.ul_con li a{background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}