<div class="wrapone">
<div class="wraponeL">
<h2>商品分类</h2>
<ul>
<li><a href="#">摆件/饰品/工艺品/雕塑</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">挂饰/油画/墙贴/钟表</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">摆件/饰品/工艺品/雕塑</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">挂饰/油画/墙贴/钟表</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">摆件/饰品/工艺品/雕塑</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">挂饰/油画/墙贴/钟表</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
<li><a href="#">摆件/饰品/工艺品/雕塑</a><span><img src="images/xiang.jpg" width="5" height="9" /></span></li>
</ul>
</div>
<div class="wraponeR">
<p><img src="images/img1.jpg" width="733" height="303" alt="images" /></p>
<ul>
<li class="current"><a href="#">时尚简约黑底白花新款瓷器摆饰</a></li>
<li><a href="#">高雅骨瓷咖啡具8件套</a></li>
<li><a href="#">高雅骨瓷咖啡具8件套</a></li>
</ul>
</div>
</div>
.wrapone{ width:980px; overflow:hidden; margin:10px auto 0;}
.wraponeL{ width:235px; height:340px;float:left; }
.wraponeL h2{ width:225px; height:31px; line-height:31px; float:left; background:url(../images/h2s.jpg) repeat-x; color:#fff; padding-left:10px; border-bottom:4px solid #000; font-size:14px;}
.wraponeL ul{ width:217px; height:330px; background:url(../images/h2ss.jpg) repeat-x; padding:10px 0 0 18px;}
.wraponeL ul li{width:198px; height:35px; line-height:35px; background:url(../images/line.jpg) no-repeat left bottom;}
.wraponeL ul li a:link,.wraponeL ul li a:visited{ color:#fff; text-decoration:none; background:url(../images/fang.jpg) no-repeat left center; padding-left:10px;}
.wraponeL ul li a:hover{ text-decoration:underline;}
.wraponeL ul li span{ width:5px; height:9px; background:url(../images/xiang.jpg) no-repeat; position:absolute; top:0;right:0; display:inline-block;}