IE8出现的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="top">
<p class="font1"> </p>
<p class="font1"> </p>
<p class="font1">联系电话:010-585550 加盟热线:010-58555010</p>
</div>
<div id="nav_mid">
<ul class="ml">
<li><a href="#">公司简介</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">产品服务</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">咨询服务</a></li>
<li><a href="#">客服中心</a></li>
<li><a href="#">管理中心</a></li>
</ul>
</div>
<div class="container"></div>
<div class="footer">
<h4> 保定天气网络信息技术有限公司<br />
电话:0312-5039999 5030312 E-mail:0312@0312.net
电信业务经营许可证 冀B2-20090039 </h4></div>
</div>
</body>
</html>
* {
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px; }
body { font-family: Verdana, Geneva, sans-serif;
font-size: 12px; font-weight: normal;
margin: 0px;
padding: 0px; border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px; border-left-width: 0px; }
a{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #FFF;
text-decoration: none;
}
a:link {
font-size: 14px;
color: #FFF;
text-decoration: none;
}
a:hover {
color: #E4B35F;
}
.font1{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
text-align: right;
margin-right: 40px;
}
.font2 {
color: #BCBCBC;
margin-left: 30px;
line-height: 180%;
}
.clear_le { clear: left; }
.clear_rl { clear: right; }
#box {
width: 750px; margin-top: 0px;
margin-right: auto; margin-bottom: 0px;
margin-left: auto; height: auto;
background-color: #900; }
#top {
background-image: url(images/s_01.jpg);
height: 56px; width: 750px; }
#nav_mid { background-image: url(images/s_02.jpg);
height: 44px; width: 750px; }
.ml li { font-family: Verdana, Geneva, sans-serif;
font-size: 12px; text-decoration: none; float: left;
list-style-type: none; width: 90px; line-height: 40px;
text-align: center;
vertical-align: middle; }
#nav_mid .ml { margin-left: 35px; }
.container {
background-image: url(images/s_03.jpg);
height: 400px;
padding-bottom: 21px;
}
.footer{
background-image: url(images/s_04.jpg);
height: 79px;
}
.footer h4 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FD6C9B;
font-weight: normal;
margin-top: 30px;
text-align: center;
line-height: 180%;
}