Opcion SELECTED en un LI o A

[JuJoGuAl]

Pues veran estoy haciendo unas pestañas con un query que e bajado y aplicando CSS busco que tengan una opcion SELECTED es decir cuando estoy en DICHA pestana me tenga un diseno diferente al uso normal...

ahora bien asi tengo las pestanas:

Código HTML:

<ul class="tabs idTabsShort">
                    <li><a href="#tab1">M&aacute;s</a></li>
                    <li><a href="#tab2">Ficha t&eacute;cnica</a></li>
                    <li><a href="#tab3">3ra Ficha</a></li>
                </ul>
 

y el CSS seria:

Código CSS:

/* Tabs */
.tabs {
    list-style-type: none;
    border-bottom: solid 1px #76839b;
    height: 21px;
    margin-top: 1em
}
ul.tabs li {
    float: left;
    margin-right: 1px
}
.tabs a {
    background-image: url('tab_bg.jpg');
    display: block;
    width: 173px;
    height: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 3px;
    color: #374853
}
.tabs a:active {
    background-image: url('tab_bg_selected.jpg');
    color: white
}
 
/* IdTabs Short*/
.idTabsShort a {
    background-image: url('tab_bg_short.jpg');
    width: 138px
}
.idTabsShort a:active {
    background-image: url('tab_bg_selected_short.jpg');
    color: white
}
div.sheets {
    clear: both;
    padding: 1em
}
 

probe con a.selected y con li.selected pero no me lo reconoce, lo puse a.active para saber si yo estaba haciendo algo mal pero quiero q la imagen que esta en a.active sea el selecte osea el tab seleccionado, hay alguna forma de hacerlo?

Gracias