A piece of CSS can be displayed normally in IE, but not in other browsers_html/css_WEB-ITnose

It’s roughly like this. I put a log in a DIV at the head, then add a menu (parallel with the LOG), and give each menu a background image.
However, the text of the displayed result menu is always shifted and is not displayed under its background image, but goes behind it. The display of the background image is also abnormal. The resolution I set is 1200, which is below 1024*768. There is a part of the background image in front that cannot be displayed, and the entire form has scroll bars. Seek it high.

<div class="Head" style=" width:1200px; height:84px; margin:0; padding:0;"">        <div class="mlog" style=" width:344px; height:84px;background-image:url(../images/mlog.jpg); float:left"></div>        <div class="menu" style=" width:640px; height:84px; float:left; ">                <ul style=" width:640px;height:84px;float:left; margin:0; padding:0">                <li style=" width:80px; height:84px;background-image:url(../images/m1.jpg);float:left;"><a  href="about.asp" ><%=Nav_2%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m2.jpg);float:left;"><a  href="kctx.asp" <%if uid<>3 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_3%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m3.jpg);float:left;"><a  href="team.asp" <%if uid<>4 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_4%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m4.jpg);float:left;"><a  href="news.asp" <%if uid<>5 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_5%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m5.jpg);float:left;"><a  href="xyhd.asp" <%if uid<>6 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_6%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m6.jpg);float:left;"><a  href="jzsq.asp" <%if uid<>7 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_7%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m7.jpg);float:left;"><a  href="ydh.asp" <%if uid<>8 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                <li style=" width:80px; height:84px;background-image:url(../images/m8.jpg);float:left;"><a  href="about.asp" <%if uid<>10 then response.Write"" else response.Write"class=""select"""%> ><%=Nav_8%></a></li>                </ul>        </div>         <div class="ser" style=" width:216px;background-image:url(../images/mlink.jpg); overflow:hidden; height:84px; line-height:19px;"><a onclick="SetHome(window.location)" href="javascript:void(0)" style="color:Red;">设为首页</a><a>|</a><a onclick="AddFavorite(window.location,document.title)" href="javascript:void(0)" style="color:Red;">加入收藏</a><a>|</a><a  href="contact.asp" style="color:Red;">联系我们|</a>        </div>   </div>

Reply to the discussion (solution)

Can anyone reply? .

Use TABLE, this problem won’t exist with TABLE

You’d better take your code out of the project and test it separately, or you can post it and we can help you figure out the problem. , what you sent is just a piece of code, it is not easy for us to test, it is difficult to see the problem just by looking at it.

followed by overflow:hidden

Also note that you have an extra quotation mark at the end padding:0; "">