这是要逆天啊。。。。。浏览器不兼容的一个问题
问题就是在firefox,ie8里页面底部的文字和背景图会灵异的跑到最顶端,在导航条之上。。。实在是想不出为什么。。拜托各位了!!
首先,html代码:是模板页的
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>深圳网能达公司</title>
<link rel="stylesheet" type="text/css" href="images/Master.css"/>
<script type="text/javascript" src="images/bar.js"></script>
<script type="text/javascript">
$(function(){
$menuLi = $(".menu>ul>li");
$menuLi.hover(function() {
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
})
})
</script>
<asp:ContentPlaceHolder id="header" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div class="xbody" >
<div class="head" style="height: 64px">
<ul>
<li><a href="Default.aspx"><span><img src="images/logo.gif" alt="" style="width: 228px; height: 86px;"/></span></a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="Default.aspx" style="width: 160px">首页</a>
</li>
<li><a href="#">关于网能达</a>
<ul><li style="left: 0px; top: 0px"><a href="brief.aspx">公司简介</a></li>
<li><a href="culture.aspx">企业文化</a></li>
<li><a href="talk.aspx">咨询反馈</a></li>
<li><a href="adminlogin.aspx">进入后台</a></li>
</ul>
</li>
<li><a href="#">公司动态</a>
<ul>
<li><a href="com_progress.aspx">发展进程</a></li>
<li><a href="future.aspx">未来规划</a></li>
</ul>
</li>
<li><a href="#">产品介绍</a>
<ul>
<li><a href="product.aspx";>产品展示</a></li>
<li><a href="product/pro.aspx";>资质证书</a></li>
</ul>
</li>
<li><a href="#">商务合作</a>
<ul>
<li><a href="coorperation.aspx">合作信息</a></li>
<li><a href="coorperation.aspx">联系方式</a></li>
</ul>
</li>
<l