Item do menu não ativa

Boa tarde a todos!

Estou criando um menu horizontal e me perdi em um erro que está me tirando noites de sono. Ao clicar em algum item do menu, o mesmo não fica ativado, o resto esta funcionando perfeitamente.

Segue os scripts:

div.idTabs{

padding:5px 0px 6px 0px;
border-bottom:1px solid #000000;
position:relative;
z-index:100;
text-align:center;
}

div.idTabs span a{

padding:5px;
text-decoration:none;
background: url(../navegacao_abas/btn_closed_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}

div.idTabs span a:hover{

text-decoration:none;
background:url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}

div.idTabs span a.selected{

position:relative;
z-index:101;
background: url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}

div.idTabs span a.selected:hover{

text-decoration:none;
}

<form action="index.php" method="post" name="adminForm" id="adminForm" enctype="multipart/form-data" class="form-validate" onSubmit="return myValidate(this);">
<div class= "tabs_wrapper">
<div class="idTabs">
<span><a class="selected" href="#aaaa">aaaa</a></span>
<span><a href="#bbbb">bbbb</a></span>
<span><a href="#cccc">cccc</a></span>
<span><a href="#dddd">dddd</a></span>
<span><a href="#eeee">eeee</a></span>
<span><a href="#ffff">ffff</a></span>
<span><a href="#gggg">gggg</a></span>
</div>
</div>

Alguém poderia me ajudar?
Obrigado