Question

搜狗浏览器高速模式下错位，请CSS高手帮忙看下是什么问题

#mainnav {
BACKGROUND: url(/img/new_bg.png) no-repeat 0px 0px; HEIGHT: 68px
}
#mainnav UL {
PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mainnav UL LI {
DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 18px
}
.li_w01 {
WIDTH: 190px
}
.li_w02 {
WIDTH: 269px
}
#mainnav UL LI.li_w03 {
WIDTH: 165px; MARGIN-RIGHT: 0px
}
#mainnav UL LI H2 {
MARGIN: 9px 17px 0px 0px; WIDTH: 56px; FLOAT: left; HEIGHT: 54px; OVERFLOW: hidden
}
#mainnav UL LI H2 A {
TEXT-INDENT: -9999px; DISPLAY: block; HEIGHT: 54px; FONT-SIZE: 14px
}
#mainnav UL LI DIV {
LINE-HEIGHT: 23px; COLOR: #ffffcc; PADDING-TOP: 13px;font-family:Arial;
}
#mainnav UL LI DIV A {
PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 10px; COLOR: #ffffcc; PADDING-TOP: 0px;
}
#mainnav UL LI DIV A:visited {
PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 10px; COLOR: #ffffcc; PADDING-TOP: 0px
}
这个是CSS代码.
<div id="mainnav">
<ul>
<li class="li_w01">
<h2><a href="/news">美容资讯</a></h2>
<div><a href="/news/new/">新闻</a><a href="/news/information/">资讯</a><a href="/news/training/">培训</a><a href="/news/fashion/">时尚</a><a href="/news/care/">护肤</a><a href="/news/encyclopedia/">百科</a></div></li>
<li class="li_w02">
<h2><a href="/zhaoshang">招商代理</a></h2>
<div><a href="/zhaoshang/zs/">招商</a><a href="/zhaoshang/hz/">合作</a><a href="/zhaoshang/dl/">代理</a><a href="/zhaoshang/zh/">展会</a><a href="/zhaoshang/sj/">企业</a><a href="/zhaoshang/oem/">OEM</a><a href="/zhaoshang/odm/">ODM</a><a href="/zhaoshang/xx/">信息</a><a href="/zhaoshang/qg/">求购</a></div></li>
<li class="li_w02">
<h2><a href="/pro">产品专区</a></h2>
<div><a href="/pro/hf/">护肤</a><a href="/pro/cz/">彩妆</a><a href="/pro/xs/">香水</a><a href="/pro/hl/">护理</a><a href="/pro/th/">头发</a><a href="/pro/xl/">洗涤</a><a href="/pro/xx/">薰香</a><a href="/pro/jy/">精油</a><a href="/pro/cl/">材料</a><a href="/pro/yq/">仪器</a> </div></li>
<li class="li_w03">
<h2><a href="/salon">美容院区</a></h2>
<div><a href="/salon/xm/">折扣</a><a href="/salon/md/">名店屋</a><a href="/salon/jm/">加盟</a><a href="/salon/mry/">美容院</a></div></li></ul></div>
这个是网页代码

Answer 1

#mainnav UL LI DIV A {
PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 10px; *PADDING-RIGHT: 3px;COLOR: #ffffcc; PADDING-TOP: 0px;
}
上面这段代码你换上去试试。——这样可以解决问题。原因在下面：

是因为你的以下的代码：
.li_w01 {
WIDTH: 190px
}
.li_w02 {
WIDTH: 269px
}
宽度设置得不够，建议适当调大一点。呵呵

Answer 2

li的宽度调小些

Answer 3

还是宽度问题，宽度设置成；
.li_w01 {
WIDTH: 220px
}
.li_w02 {
WIDTH: 299px
}
.li_w03 {
WIDTH: 240px;
}
或者是改#mainnav UL LI DIV A里面PADDING-RIGHT，改小来。

Answer 4

这堆代码看着眼晕。
你试着在有float的DIV里加上overflow:hidden看看。