问各位IE6下面的padding问题

Question

请看下面的代码

<div id="pageFooter">
	<ul id="copyrightInfo" class="left">
		<li><?php echo S_PDD?></li>
		<li><?php echo S_SUPPLIER;?></li>
		<li><?php echo S_COPY_RIGHT;?></li>
	</ul>
	<ul id="aboutAgreement" class="right">
		<li><a href="agreement.php"><?php Msg(S_AGREEMENT);?></a></li>
		<li><a href="about.php"><?php Msg(S_ABOUT);?></a></li>
	</ul>
	<div class="cf"></div>
</div>

然后是css部分

#pageFooter{
    background-color:#6FC6F0;
    padding:10px;
}

然后在神奇的IE6下面就出现了padding底部多出一倍的现象，请问如何解决？
备注：一些废话
目前为止，我认为SF做的真的很不错，大家有什么问题都来问吧，实在问的弱智，admin看不过去随便删吧。但是我们有问题就来问不是麽？另外请教一下，可不可以自问自答，留作后面的同学参考呢？

Answer 1

我想楼主给出的 css 并没有什么问题，出现问题的 css 楼主没给出来。
IE 6 下有浮动的地方经常会出现双倍 margin 或 padding 的情况，这时候给浮动元素设置display:inline一般都能解决。
所以，我猜楼主的问题出现在.left或者.right。如果不是，那.cf就很可疑了。cf是不是清除浮动呢。如果是清除浮动建议加入：

overflow: hidden; height: 0;

这样应该就 OK 了吧？

Answer 2

跟楼上的怀疑一样，我用楼主的代码做了测试，Chrome和IE6的显示是一样的，没有区别。

Answer 3

这样写应该就没问题了

<div id="pageFooter" class="cf">
...
</div>