Обрамить "Описание" и "Характеристики" товара "Табами"

<li id="two">Содержимое 2-й вкладки</li>
<li id="three">Содержимое 3-й вкладки</li>
<li id="four">Содержимое 4-й вкладки</li>
<li id="five">Содержимое 5-й вкладки</li>
</ul>
</div>

overflow-y: hidden;
}
.tabs-content ul li {
width:960px;
height:300px;
}

foreach ($param["value"] as $a)
{
if ($a["is_image"])
{
if($param["use_animation"])
{
echo ' <a href="'.$a["link"].'" rel="prettyPhoto[gallery'.$result["id"].'shop]"><img src="'.$a["link_preview"].'"></a> <a href="'.$a["link"].'" rel="prettyPhoto[gallery'.$result["id"].'shop_link]">'.$a["name"].'</a>';
}
else
{
echo ' <a href="'.$a["link"].'"><img src="'.$a["link_preview"].'"></a> <a href="'.$a["link"].'">'.$a["name"].'</a>';
}
}
else
{
echo ' <a href="'.$a["link"].'">'.$a["name"].'</a>';
}
}
}
elseif($param["type"] == "images")
{
foreach ($param["value"] as $img)
{
echo '<img src="'.$img["src"].'" width="'.$img["width"].'" height="'.$img["height"].'" alt="'.$img["alt"].'" title="'.$img["title"].'">';
}
}
elseif (!empty($param["link"]))
{
echo '<a href="'.BASE_PATH_HREF.$param["link"].'">'.$param["value"].'</a>';
}
elseif (is_array($param["value"]))
{
foreach ($param["value"] as $p)
{
if ($param["value"][0] != $p)
{
echo ', ';
}
if (is_array($p))
{
if ($p["link"])
{
echo '<a href="'.BASE_PATH_HREF.$p["link"].'">'.$p["name"].'</a>';
}
else
{
echo $p["name"];
}
}
else
{
echo $p;
}
}
}
else
{
echo $param["value"];
}
//единицы измерения
if(! empty($param["measure_unit"]) && $param["type"] == 'numtext')
{
echo ' '.$param["measure_unit"];
}
}
if($param["text"])
{
echo '<div class="shop_param_text">'.$param["text"].'</div>';
}
echo '</li>';
}
echo '</ul>';

//параметры товара
echo '<div><span>Характеристики</span>';
if (!empty($result["param"]))
if (!empty($result["param"]))
{

echo '<div class="param_id">';
echo '<h3>'.$this->diafan->_('Характеристики :').'</h3>';
echo $this->get('param', 'shop', array("rows" => $result["param"], "id" => $result["id"]));
echo '</div>';
echo '</div>';
echo '</div>';

}

visibility: collapse;
transition: 0s 9999999s;
box-sizing: border-box;
background: #fff;
padding: 5px;
}
#raz > div:before { /* рамка вкладки */
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: #808080 solid 1px;
border-top: none;
}
#raz > div:hover, #raz > div:nth-of-type(1) {
visibility: visible;
transition: 0s;
}
#raz:hover > div:not(:hover) {
visibility: hidden;
transition: 0s;
}
#raz > div > span { /* кнопка */
position: absolute;
top: -30px;
line-height: 30px;
height: 30px;
width: 25%; /* 4 вкладки, а значит 100/4 */
text-align: center;
box-sizing: border-box;
border: 1px solid rgb(128,128,128);
border-left-color: rgba(0,0,0,0);
visibility: visible;
transition: 0s 9999999s;
cursor: pointer;
}
#raz > div:nth-of-type(1) > span {left: 0; border-left-color: rgb(128,128,128);}
#raz > div:nth-of-type(2) > span {left: 25%;}
#raz > div:nth-of-type(3) > span {left: 50%;}
#raz > div:nth-of-type(4) > span {left: 75%;}
#raz > div:hover > span, #raz > div:nth-of-type(1) > span {
border-bottom-color: rgba(0,0,0,0);
transition: 0s;
}
#raz:hover > div:not(:hover) > span {
border-bottom-color: rgba(128,128,128,.99);
transition: 0s;
}
#raz > div:not(:nth-of-type(1)):not(:hover):after { /* появляется нижняя граница у первой кнопки */
content: "";
left: 0;
position: absolute;
top: -1px;
width: 25%;
border-top: 1px solid rgb(128,128,128);
}