新手，浏览器兼容问题
<!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=gb2312" />
<title>无标题文档</title>
</head>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
<body>
<div id="div-welcome">
<div id="wel-1">
<div id="wel-01">您好；欢迎光临！请登录</div>
</div>
<div id="wel-3">
<div id="wel-03">新手上路 | 礼品兑换 | 邀请好友 |</div>
<div id="wel-003"><img src="img/05.jpg" width="69" height="18" /></div>
</div>
<div id="wel-2"><img src="img/01_01.jpg" /><img src="img/01_02.jpg" width="68" height="21" /><img src="img/01_03.jpg" width="82" height="21" /><img src="img/01_04.jpg" width="93" height="21" /></div>
</div>
<div id="logo">
<div id="logo01"><img src="img/logo.jpg" width="301" height="73" /></div>
<div id="seach">
<div id="seach01">
<div id="Container3">
<div id="Course">
<div id="Course_top">
<!--选项卡开始-->
<div id="Tab1">
<div class="Menubox">
<ul>
<li id="one1" onMouseOver="setTab('one',1,3)" class="hover">比较价格</li>
<li id="one2" onMouseOver="setTab('one',2,3)" >淘宝返利</li>
<li id="one3" onMouseOver="setTab('one',3,3)">优惠券</li>
</ul>
</div>
</div>
</div>
<div id="Course_c">
<div class="Contentbox">
<div id="con_one_1" class="hover"><table id="__01" width="472" height="33" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="6"><img src="img/sear_01.jpg" width="6" height="33" /></td>
<td width="385" height="33" background="images/sear_02.jpg" class="i-001">
<input name="textfield" type="text" value="请输入要搜索的产品 如：明朝那点事" size="55"/>
</td>
<td width="81"><img src="img/sear_03.jpg" width="77" height="33" /></td>
</tr>
</table></div>
<div id="con_one_2" class="hover" style="display:none"><table id="__02" width="472" height="33" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/sear_01.jpg" width="6" height="33" /></td>
<td width="389" height="33" background="images/sear_02.jpg" class="i-001">
<input name="textfield" type="text" value="请输入要搜索的产品 如：明朝那点事" size="55" />
</td>
<td><img src="img/sear_03.jpg" width="77" height="33" /></td>
</tr>
</table></div>
<div id="con_one_3" class="hover" style="display:none"><table id="__03" width="472" height="33" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="img/sear_01.jpg" width="6" height="33" /></td>
<td width="389" height="33" background="images/sear_02.jpg" class="i-001">
<input name="textfield" type="text" value="请输入要搜索的产品 如：明朝那点事" size="55" />
</td>
<td><img src="img/sear_03.jpg" width="77" height="33" /></td>
</tr>
</table></div>
</div>
<!--选项卡结束-->
</div>
</div>
</div>
</div>
<div id="classf">热门搜索：外套 ipad5 呢大衣 BB霜 家居服 围巾</div>
</div>
</div>
<div id="nav">
<ul><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>
下面是css
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote{
padding: 0;
margin: 0;
font-size:12px;}
.ul{ list-style:none;}
.ul li{ list-style:none;}
a:link {
font-size: 12px;
color: #333333;
text-decoration: none;
}
a:visited {
font-size: 12px;
text-decoration:none;
color: #333333;
}
a:hover {
font-size: 12px;
text-decoration:underline;
color: #333333;
}
a:active {
font-size: 12px;
text-decoration: none;
color: #333333;
}
#div-welcome { width:1003px; height:42px; margin:0 auto;
}
#wel-1{ width:354px; height:42px; float:left;}
#wel-01{
padding-left:185px;
font-size:12px;
color:#979797;
line-height: 30px;
}
#wel-3{ width:286px; height:42px; float:right; font-size:12px; color:#979797;}
#wel-03{ float:left; padding-top:5px;}
#wel-2{ width:333px; margin-left:354px; height:42px;}
#logo{ width:1003px; height:94px; margin:0 auto;}
#logo01{ float:left; width:354px; height:94px; padding-left:20px;}
#seach{
float:left;
height:94px;
width:600px;
}
#seach01{ padding-top:10px; height:68px;}
#classf{ font-size:12px; color:#666666; margin-left:120px; text-align:right; padding-right:5px;}
#nav{
background:url(../img/index1_03.jpg);
background-repeat: no-repeat;
height: 44px;
width:1002px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: 208px;
}
#nav ul{
margin: 0px;
padding: 0px;
}
#nav li{
float: left;
list-style-type: none;
width:123px;
margin:0px; padding:0px;
padding-top:18px; text-align:center; margin-left:13px; padding-left:5px;
}
#nav a{
color:#FFF;
font-size:14px;
display:block;
font-weight:bold;
text-decoration:none;
line-height:14px;
text-align:center;
vertical-align:middle;width:123px; margin-left:5px;
}
#nav a:hover{ color:#006600}
#account{ width:1003px; height:103px; margin:0 auto;}
#Container3{ margin:0 auto; }
#Course{ float:right; width:470px; margin-left:0px; height:33px; }
#Course_top{height:32px;}
.i-001 INPUT {
font-size: 10pt;
color: #6E7D92;
background-color:#ffffff;
padding-top:5px;
border-right: #ffffff 0px solid;
border-top: #ffffff 0px solid;
border-left: #ffffff 0px solid;
border-bottom: #ffffff 0px solid;
height:20px;
line-height:20px;
}
#Tab1{
width:420px;
margin:0px;
padding:0px;
margin:0 auto;
float:left;}
/*菜单class*/
.Menubox {
width:260px;
height:32px;
line-height:32px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:85px;
text-align:center;
color:#8AB339;
font-size:14px;
font-weight:bold;
}
.Menubox li.hover{
padding:0px; background-image:url(../img/01.jpg);
width:85px;
color:#fff;
font-weight:bold;
font-size:14px;
height:32px;
line-height:32px;
}
请问在ie8 ie7和火狐浏览的导航都没问题 就ie6有问题 找个很久问题 也没调整好
请高手帮帮忙
[解决办法]
#nav li{
overflow:hidden;
}
加上这个！！！！
