CSS:ie6下漂移布局所遇到的问题

<style>
#categories_content{width:848px;margin-left:2px;}
#categories_content ul li{float:left;padding-left:12px;margin-bottom:20px;width:200px;}/*一开始此处是margin-left:12px;,ie6下一直如图所示*/
#categories_content ul li p{text-align:center;font-size:18px;font-weight:bold;padding:2px 0 1px;}
</style>
<div id="categories_content" class="left">
            <ul>
            <li><a href="#"><div><img src="images/product_1.jpg"/></div><p>保温杯</p></a></li>
            <li><a href="#"><div><img src="images/product_2.jpg"/></div><p>高压锅</p></a></li>
            <li><a href="#"><div><img src="images/product_3.jpg"/></div><p>花瓶</p></a></li>
            <li><a href="#"><div><img src="images/product_4.jpg"/></div><p>调料瓶</p></a></li>
            <li><a href="#"><div><img src="images/product_5.jpg"/></div><p>餐具</p></a></li>
            <li><a href="#"><div><img src="images/product_6.jpg"/></div><p>酒具</p></a></li>
            <li><a href="#"><div><img src="images/product_7.jpg"/></div><p>摆设</p></a></li>
            <li><a href="#"><div><img src="images/product_8.jpg"/></div><p>纸巾盒</p></a></li>
            </ul>
        </div><!--首页类目加配图-->

解决办法：修改css属性将margin-left:12px;修改为padding-left:12px;