ciao a tutti sto perdendo molto tempo su una cosa veramente banale

ho una serie di link ,il problema è che non mi funzionano le regolette del css

ovvero a:hover a:visited a:active

in più quando clikko sui link mi appare il bordo dei[*]

com'è possibile?

per non sbagliarmi ho messo ovunque border:none;

comuqneu posto il codice magari dimentico qualche cosa:

css
codice:
<style type="text/css">
#menu-mega{width:900px;height:100px; margin:0 auto;background-image:url(menu.gif);}

#link-mega{width:900px;padding-top:50px;}
#lista{list-style:none;width:100%;margin:0;border:none;}
#lista li{display:inline;text-align:center;border:none;}
#lista a{color:#FFFFFF;display:block;float:left;width:100px;height:25px;text-decoration:none;font-family:Arial, Helvetica, sans-serif;border:none;}
a.linked:visited{color:#0066CC;}
a.linked:hover{color:#0066CC;}
a.linked:active{color:#0066CC;}

</style>
html
codice:
<div id="menu-mega">

<div id="link-mega">

<ul id="lista">[*]link1[*]link1[*]link1[*]link1[*]link1[*]link1
[/list]

</div>

</div>
grazie a chi avrà buon cuore di aiutarmi