This works for me
Css.
.usertabs{margin:0;list-style-type:none;text-align:left;border:1px solid #000;color:#fff;background:#4d4d4d url(images/granime/gradient.png) repeat-x bottom left;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F4F4F',endColorstr='#4C4C4C');background:-webkit-gradient(linear,left top,left bottom,from(#4f4f4f),to(#4c4c4c));background:-moz-linear-gradient(top,#4f4f4f,#4c4c4c);background:-o-linear-gradient(#4f4f4f,#4c4c4c);-moz-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;text-shadow:0 0 1px rgba(0,0,0,1)}.usertabs ul{margin:0;padding:5px}.usertabs li{display:inline;margin:5px}.usertabs li a{color:#fff;text-decoration:none}.usertabs li a:visited{color:#fff;text-decoration:none}.usertabs li a:hover{color:#fff;text-decoration:none}.usertabs li a.selected{color:#fff;background:#4d4d4d url(images/granime/gradient.png) repeat-x bottom left;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8f8f',endColorstr='#8c8c8c');background:-webkit-gradient(linear,left top,left bottom,from(#8f8f8f),to(#8c8c8c));background:-moz-linear-gradient(top,#8f8f8f,#8c8c8c);background:-o-linear-gradient(#8f8f8f,#8c8c8c);-moz-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;text-shadow:0 0 1px rgba(0,0,0,1);padding:8px 10px 5px;border:1px solid #000;border-bottom:0 solid #000;color:#fff;text-decoration:none;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}.tabcontent{background:#f2f2f2 url(images/granime/gradient2.png) top left repeat-x;display:none;padding:0;margin:0;border:1px solid #000;border-top:0 solid #000;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@ media print{.tabcontent{display:block!important}}
Script.
<head>
<script type="text/javascript" src="{$theme['imgdir']}/tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>
Content.
<!--User Tabs-->
<div id="toolbar" class="usertabs"><div id="nav"><ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="tab0" class="selected"><strong>TAB _#_0</strong></a></li>
<li><a href="#" rel="tab1"><strong>TAB _#_1</strong></a></li>
<li><a href="#" rel="tab2"><strong>TAB _#_2</strong></a></li>
<li><a href="#" rel="tab3"><strong>TAB _#_3</strong></a></li>
<li><a href="#" rel="tab4"><strong>TAB _#_4</strong></a></li>
<li><a href="#" rel="tab5"><strong>TAB _#_5</strong></a></li>
</ul></div></div>
<div style="border:0px solid #000; width:100%; margin-bottom: 1px;padding: 0px">
<div id="tab0" class="tabcontent">
TAB _#_0
</div>
<div id="tab1" class="tabcontent">
TAB _#_1
</div>
<div id="tab2" class="tabcontent">
TAB _#_2
</div>
<div id="tab3" class="tabcontent">
TAB _#_3
</div>
<div id="tab4" class="tabcontent">
TAB _#_4
</div>
<div id="tab5" class="tabcontent">
TAB _#_5
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<!--/User Tabs-->