DIV UL LI

<style type="text/css">
.productDetailTabNav{ width:960px;}
.productDetailTabNav ul{

border: 1px solid #DDDDDD;

border-bottom: 3px solid #ED5564;

background: #FAFAFA;
/*div在下面*/
position:static;float:none;clear:both;

}

.productDetailTabNav ul li{

float: left;

cursor: pointer;

padding: 0 20px;

font-size: 14px;

height: 40px;

line-height: 40px;

font-weight: bold;

/*css去掉li前面的点*/
list-style-type:none;
border-right: 1px solid #DDD;

}

.productDetailTabNav ul li.current{

background: #ED5564;

color: #FFFFFF;

}

<div id="hide1">

<DIV class="productDetailTabNav">

<UL class="fix">

<LI class="current"><a >商品描述</a> </LI>

<LI>
<a >艺术家 </a> </LI>

<LI> <a >具体参数</a> </LI>

<LI> <a >售后保障</a></LI>

<LI id=consult_tab > <a >商品咨询</a>
</LI></UL>

</DIV>

<div class="tab_content1" id="special_0">
<div class="content" id="J_DivItemDesc">
商品详细页商品详细
</div>
</div>
<div class="related_pro" style="display:none" id="special_1">
<ul>
商品详细页相关商品
</ul>
<div class="clear">
</div>
</div>

<div style="display:none" id="special_2" class="pro_4">

商品详细页评论列表
</div>
<div class="related_pro" style="display:none" id="special_3">
<ul>
商品详细页浏览过的商品
</ul>
<div class="clear">
</div>
</div>
<div style="display:none;" id="special_4" class="pro_4">
商品详细页商品咨询
</div>
</div>