li浮动内容被遮住的问题
<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><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>


ul { width: 566px; overflow: hidden; list-style-type:none; float:left; }
li { display: inline; float: left; margin-right: 17px; white-space:nowrap; line-height: 20px; }

问题：li里的内容(你好 是我随便写的)，在ie7下有可能会遮住，请教这个问题怎么解决啊?

------解决方案--------------------
设置好宽度
------解决方案--------------------
li也加overflow: hidden;
------解决方案--------------------
按你上面的代码来看 不会遮住的，贴出详细的看看
------解决方案--------------------
body,ul,li{padding:0; margin:0;}
加上上面这一行，应该能保持一致了。