An example of div css IE 6,7,8 compatible_html/css_WEB-ITnose

============Solving the padding problem between ie6 and ie8==========
At first I always thought that ie6 added padding display The width=width pading is actually not true. You can’t find it even after looking for information on IE
If so, you need to check the css settings
Look at mine:
Front-end code:
<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>

Original css code
.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;}

No problem under ie7 and 8, but the total width of the UL table under ie6 has increased by 10px, and the interface is ugly. Starting with IE6, its padding value will be added. I looked up information and they said it won't be added, it can only be added under Firefox.
After thinking hard, it turns out that the width of my display under IE6 is li's padding a's width=10 100%. No wonder it will increase. Now I write padding in a to solve the problem
The code is as follows:
.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;}