CSS中两个ul间总有间隙

Question

我想要两个队列并排着排列不知道为什么两个队列间总有间隙。请会CSS的人指点下。
html部分：
<link href="css/waiguan.css" rel="stylesheet" type="text/css" />
<div id="waiguan">
<ul class="liebiaok1">
<li class="liebiao1">幻灯长度：</li>
<li class="liebiao1">幻灯高度：</li>
<li class="liebiao1">图片圆角：</li>
</ul>
<ul class="liebiaok2">
<li class="liebiao2">幻灯长度：</li>
<li class="liebiao2">幻灯高度：</li>
<li class="liebiao2">图片圆角：</li>
</ul>
CSS部分：
@charset "gb2312";
body {
margin: 0px;
padding: 0px;
}
.liebiao1 {
text-align: right;
list-style-image: none;
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #9DFAFF;
}
.liebiaok1 {
width: 200px;
line-height: 25px;
float: left;
}
.liebiao2{
text-align: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #9DFAFF;
}
.liebiaok2 {
list-style-image: none;
list-style-type: none;
line-height: 25px;
float: left;
}
具体什么原因，还请指点。
我将.liebiaok1、.liebiaok2间距和边距都设成0也没有效果。

Answer 1

1 浏览器会自动给一些元素加margin和padding, 你的例子中IE给第二个ul加上了30pt的margin-left,而firefox加上了padding。

2 解决方法是重置margin和padding, 就是在.liebiaok2中加入{margin:0px; padding:0px;}

3 如果想避免这个问题在其他元素中发生，可以加入全局重置，即在css中加入 * {margin:0px; padding:0px;}