pregunta css menu

[soldierjesus]

ok gracias

este es el code:
body {
font: bold 11px/1.5em Verdana;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #333333;
height:1px;
margin-bottom:25px;
}

#tabs {
float:left;
width:100%;
background:##333333;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}

#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
padding:5px 15px 4px 6px;
color:#FFF;
background-image: url(banner%20superior.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #CCCCCC;
}


#tabs a span {float:none;}


#tabs a:hover span {
color:#FFF;
background-color: #CCCCCC;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}tabs {
}
a:active {
background-color: #66FF66;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
}