IE和Chrome样式兼容性问题

      今天在调节样式过程中遇到一个浏览器兼容问题，同样的html代码在chrome下显示正常，ie下面显示不正常代码如下：

<div class="nav">
 <ul>
 <c:url var="url" value="/index.do" />
 <li><a href="${url}">首页</a></li>
 <c:url var="url" value="/IndexNewsInfo.do?uuid=de424ca9-1ce1-4f55-ac29-6e7a2d944477&mod_code=1003011000" />
 <li><a href="${url}">中心概况</a></li>
 <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003001000&par_code=1003000000" />
 <li><a href="${url}">工作动态</a></li>
 <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003002000&par_code=1003000000" />
 <li><a href="${url}">通知公告</a></li>
 <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003003000&par_code=1003000000" />
 <li><a href="${url}">执法行动</a></li>
 <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003005000&par_code=1003000000" />
        <li><a href="${url}">工作风采</a></li>
        <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003006000&par_code=1003000000" />
        <li><a href="${url}">举报投诉</a></li>
        <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003007000&par_code=1003000000" />
        <li><a href="${url}">政策法规</a></li>
        <c:url var="url" value="/IndexNewsInfo.do?method=list&mod_code=1003008000&par_code=1003000000" />
        <li id="cur" ><a href="${url}">典型案例</a></li>
  </ul></div>

 

效果如图:

 

后经过同事指点添加如下样式在li上面即可

style="*margin-top: 13px;_margin-top: 13px;margin-top: 13px\0;"

以前自己没用过留作备用，有同样问题的朋友可以试试。

查询了资料这里总结一下：

margin-top: 13px; /* 所有浏览器都支持 */
margin-top: 13px !important; /* Firefox、IE7支持 */
_margin-top: 13px; /* IE6支持 */
*margin-top: 13px; /* IE6、IE7支持 */
+margin-top: 13px; /* IE7支持 */
margin-top: 13px\9; /* IE6、IE7、IE8、IE9支持 */
margin-top: 13px\0; /* IE8、IE9支持 */