Thema: Probleme mit Buttons, die aktiv sein sollen

Hallo zusammen,

vielleicht findet jemand Zeit und kann mir bei dem folgenden Problem helfen, ich nehme an, es ist hauptsächlich ein css-Problem, aber vielleicht gibt es auch eine andere Lösung mit "Joomla-Mitteln" Die Seite, um die es geht, ist unter http://cms.getotec.de zu finden.

Ich bearbeite eine Homepage und habe nun eine Navigationsleiste erstellt.
Dazu habe ich ganz normale Links per CSS als Buttons definiert (Class "topnavi").

Jetzt ist es so, dass ich es gerne so hätte, dass der "aktive" Link rot hinterlegt ist, also die Seite, die aufgerufen wurde, soll in der oberen Navi rot sein. Ich habe das CSS bislang so geschrieben:

a.topnavi:active {
color: #db002b;
font-family:Tahoma, Verdana;
font-size:11px;
text-align:center;
text-Decoration: none;
width:80px;
height:20px;
padding:3px;
}

a.topnavi:link, a.topnavi:visited, a.topnavi:hover {
font-family:Tahoma, Verdana;
font-size:11px;
text-align:center;
text-Decoration: none;
width:80px;
height:20px;
padding:3px;
}

a.topnavi:link, a.topnavi:visited {
color:#cdcdcd;
background-color:#6d6a70;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
}

a.topnavi:hover, a.topnavi:active {
color:#cdcdcd;
background-color:#db002b;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
}

Hat jemand eine Idee, wie ich es hinbekomme, bzw. wo der Fehler liegt? Im HTML sieht der Abschnitt so aus:

<table width="100%" border="0">
<tr>
<td width="180px" height="20px"></td>
<td height="20"">
<a class="topnavi" href="http://cms.getotec.de/index.php">Home</a>
<a class="topnavi" href="http://cms.getotec.de/index.php?option=com_content&task=blogsection&id=2 6&Itemid=43">Unternehmen</a>
<a class="topnavi" href="http://cms.getotec.de/index.php?option=com_content&task=blogsection&id=2 7&Itemid=48">Produkte</a>
<a class="topnavi" href="http://cms.getotec.de/index.php?option=com_content&task=blogsection&id=2 8&Itemid=72">Service</a>
<a class="topnavi" href="http://cms.getotec.de/index.php?option=com_content&task=view&id=35&Itemi d=132">Downloadcenter</a>
<a class="topnavi" href="http://cms.getotec.de/index.php?option=com_content&task=blogsection&id=5 9&Itemid=116">Links</a>
</td>
</div>
<td>

[...]

Zugleich habe ich noch weitere Links (im vorgegebenen Joomla-Menü), die ich aber nicht unter Classe "B" definiert habe:

a:link, a:visited {
font-size: 12px;
color: #6d6a70;
text-decoration: none;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:hover {
color: #db002b;
background-color:#ffffff;
background-width: 40px;
text-decoration: underline;
}

Vielen Dank für Eure Zeit und Hilfe - viele Grüße
Kazi

hallo kazi,
ist zwar schon eine weile her mit deinem forumsbeitrag, aber ich habe gesehen, dass du es geschafft hast. ich stehe jetzt vor demselben problem. kannst du mir wohl verraten, wie du es angestellt hast?
vielen dank und viele grüße,
cruisi