下面是代码，麻烦各位高手帮我看看~~
CSS部分：
div, ul, li{
margin:0; padding:0;
}
.rightdh{ border:1px solid #b8c8ec; width:228px; height:30px; background:url(../images/default_line3.jpg) repeat-x; margin-top:6px;}
.rightdh ul {list-style:none;margin:0px;}
.rightdh ul li{float:left;display:block;line-height:25px;margin:0; padding-top:3px; background:url(../images/default_14.jpg) no-repeat 10px center;}
.rightdh ul li a:link,.rightdh ul li a:visited{ text-indent:35px; font-size:14px;font-weight:bold;color:#094782;}
html部分：
<div class="rightdh">
<ul><li><a href="#">通知公告</a></li>
</ul>
</div>
9 个解决方案
#1
正常现象。去看看关于浏览器兼容的资料，里面有很多需要注意的事项。这只是其中一小点，随后你还会碰到很多其它问题，所以去系统学习一下吧。
#2
我知道这个是兼容性问题，可能我查的方法不对，没有找到遇上这种情况后该怎么解决的答案...... 不用li么 加text-align:left么？
#3
背景图片右移了应该是你在
这里设置了10px导致的，你把这里的背景图位置设置为 0 center 试试
.rightdh ul li{float:left;display:block;line-height:25px;margin:0; padding-top:3px; background:url(../images/default_14.jpg) no-repeat 10px center;}
这里设置了10px导致的，你把这里的背景图位置设置为 0 center 试试
#4
那个背景是一个标题前的小图标 ，我的想法是让他的水平位置为10个像素 。这在IE8下无效么 或者是被IE8解释成其他的？
#5
LZ 看看是不是你要的
<!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>
<style type="text/css">
* { margin:0; padding:0;}
ul { list-style:none;}
.rightdh { border:1px solid #b8c8ec; width:228px; height:30px; background:url(../images/default_line3.jpg) repeat-x; margin-top:6px; overflow:hidden;}
.rightdh ul li {float:left; height:30px; line-height:30px; background:url(../images/default_14.jpg) no-repeat center; text-indent:35px;}
.rightdh ul li a { font:14px "宋体", Verdana, sans-serif; font-weight:bold; color:#094782;}
</style>
</head>
<body>
<div class="rightdh">
<ul>
<li><a href="#">通知公告</a></li>
</ul>
</div>
</body>
</html>
#6
还是不合适，不过非常感谢你的热心帮忙~~
#7
我描述清楚一些
这是我想要的结果 在IE6中显示也是这样的 但是放到IE7 IE8下，这里就变成了
我的两个背景图：
这是我想要的结果 在IE6中显示也是这样的 但是放到IE7 IE8下，这里就变成了
我的两个背景图：
#8
.aa li{
margin-left:-35px!important;
margin-left:0px;
}
<ul class="aa">
<li>aaaaa</li>
</ul>
试试吧，如果是ie8、ff就会用上面那个；如果是ie6就用下面的．
margin-left:-35px!important;
margin-left:0px;
}
<ul class="aa">
<li>aaaaa</li>
</ul>
试试吧，如果是ie8、ff就会用上面那个；如果是ie6就用下面的．
#9
问题几乎同上！但是我的是ie8和FF下正常！但是在Ie6下！左侧同内容重叠！不知道为什么……
#1
正常现象。去看看关于浏览器兼容的资料，里面有很多需要注意的事项。这只是其中一小点，随后你还会碰到很多其它问题，所以去系统学习一下吧。
#2
我知道这个是兼容性问题，可能我查的方法不对，没有找到遇上这种情况后该怎么解决的答案...... 不用li么 加text-align:left么？
#3
背景图片右移了应该是你在
这里设置了10px导致的，你把这里的背景图位置设置为 0 center 试试
.rightdh ul li{float:left;display:block;line-height:25px;margin:0; padding-top:3px; background:url(../images/default_14.jpg) no-repeat 10px center;}
这里设置了10px导致的，你把这里的背景图位置设置为 0 center 试试
#4
那个背景是一个标题前的小图标 ，我的想法是让他的水平位置为10个像素 。这在IE8下无效么 或者是被IE8解释成其他的？
#5
LZ 看看是不是你要的
<!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>
<style type="text/css">
* { margin:0; padding:0;}
ul { list-style:none;}
.rightdh { border:1px solid #b8c8ec; width:228px; height:30px; background:url(../images/default_line3.jpg) repeat-x; margin-top:6px; overflow:hidden;}
.rightdh ul li {float:left; height:30px; line-height:30px; background:url(../images/default_14.jpg) no-repeat center; text-indent:35px;}
.rightdh ul li a { font:14px "宋体", Verdana, sans-serif; font-weight:bold; color:#094782;}
</style>
</head>
<body>
<div class="rightdh">
<ul>
<li><a href="#">通知公告</a></li>
</ul>
</div>
</body>
</html>
#6
还是不合适，不过非常感谢你的热心帮忙~~
#7
我描述清楚一些
这是我想要的结果 在IE6中显示也是这样的 但是放到IE7 IE8下，这里就变成了
我的两个背景图：
这是我想要的结果 在IE6中显示也是这样的 但是放到IE7 IE8下，这里就变成了
我的两个背景图：
#8
.aa li{
margin-left:-35px!important;
margin-left:0px;
}
<ul class="aa">
<li>aaaaa</li>
</ul>
试试吧，如果是ie8、ff就会用上面那个；如果是ie6就用下面的．
margin-left:-35px!important;
margin-left:0px;
}
<ul class="aa">
<li>aaaaa</li>
</ul>
试试吧，如果是ie8、ff就会用上面那个；如果是ie6就用下面的．
#9
问题几乎同上！但是我的是ie8和FF下正常！但是在Ie6下！左侧同内容重叠！不知道为什么……