[SOLVED] Tab Menu

[ted_chou12]

Hello, below is my tab menu css:

/***********************************************
* DD Tab Menu script- ?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
***********************************************/

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ddcolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.ddcolortabs a{
float: left;
background: #cccccc url(media/color_tabs_left.gif) no-repeat left top;
margin: 0 2px 0 0;
padding: 0 0 1px 0;
text-decoration: none;
letter-spacing: 1px;
}

.ddcolortabs span{
color: #333333;
float: none;
display: block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 6px 6px 3px 8px;
}

.ddcolortabs a:hover{
background-color: #f2f2f2;
}

.ddcolortabs a.current, #ddcolortabs a.current span{
background-color: #f2f2f2;
}

.tabcontainer{
clear: left;
width: 100%;
height: 150px;
}

.tabcontent{
display: none;
background-color: #f2f2f2;
width: 100%;
height: 150px;
}

However, if you see here:

http://tedchou12.110mb.com/uploads/tabmenutest.html

I wish to match the tabs the same width as the content box, if you see the top, the tabs are all to the left.

Thanks

Ted.