这是要逆天啊。浏览器不兼容的一个问题_html/css

这是要逆天啊。浏览器不兼容的一个问题_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 12:09:55

asal

1016 orang telah melayarinya

问题就是在firefox，ie8里页面底部的文字和背景图会灵异的跑到最顶端，在导航条之上。。。实在是想不出为什么。。拜托各位了！！

首先，html代码：是模板页的

    深圳网能达公司

      <script></script>
      <script> <br /> $(function(){ <br /> $menuLi = $(".menu>ul>li"); <br /> $menuLi.hover(function() { <br /> $(this).addClass("selected"); <br /> },function(){ <br /> $(this).removeClass("selected"); <br /> }) <br /> }) <br /> </script>

首页

关于网能达
- 公司简介
- 企业文化
- 咨询反馈
- 进入后台

公司动态
- 发展进程
- 未来规划

产品介绍
- 产品展示
- 资质证书

商务合作
- 合作信息
- 联系方式

加入网能达
- 招聘信息
- 招聘电话

css：

body {text-align:center;background-repeat:no-repeat; width:990px; margin:0 auto; padding:0px;  background:url(../images/body_sky.jpg) no-repeat;}
div,form,ul,ol,li,span,p{ border:0px; padding:0px; margin:0px; font-size:12px;list-style:none;}
ul,ol,li{list-style:none}
a{color:Black; text-decoration:none;}
a:hover{color:Red;}
img{ border:none;}

.xbody{width:990px; text-align:left; margin:0 auto; height:95%;}
.head{height:100px; }
.head li{ float:left;}
.for{position: relative; left:900px; top:70px; font-size:16px; font-style:italic; font-weight:bolder;}

.menu{width:990px; float:left; display:inline; height:30px; background-image:url(../images/bar.gif); margin:10px auto;}
.menu ul,.menu li{float:left; display:inline; position:relative;}
.menu li a,.menu li a:hover{display:block; float:left; line-height:30px; width:160px; text-align:center; color:#FFF; font-size:14px;}
.menu li.selected a,.menu li a:hover{background:#008000; font-weight:bold; color:#00F;}
.menu ul li ul{position:absolute; left:0px; top:30px; display:none; width:160px;}
.menu ul li.selected ul{display:block;}
.menu li.selected li a,.menu li.selected li a:hover{background:#4490CE; color:#000; font-weight:normal;}
.menu li.selected li a:hover{background:#000; color:#FFF;}

.footer
{
text-align:center;
     background-image:url(../images/foot_bg.jpg);

}