Benno: Text unsichtbar machen bei hover wieder sichtbar

Beitrag lesen

Hi Leute,

hab ein Problem das ich euch jetzt einfach mal schildere!
Hab mit Joomla eine HP für nen Kumpel gebastelt! www.derstoff.com/index.php

er will oben als menü eine bestimmte schriftart haben!
Da die schriftart bei den usern ja nicht angezeigt wird sonder dann nur ne standartschriftart hab ich des einfach als hintergrundbild eingefügt.
Dann einfach das Richtige Menü darüber gesetzt und angepasst
Das Problem ist jetzt dass die Menüschrift erstmal nicht sichtbar sein soll, erst wenn man darüber geht!
Hier mal ein kleiner auszug aus der css datei
#navheader li {
 z-index: 3;
 position: relative;
 float: left;
 padding: 0;
 margin: 0;
 list-style: none;
}
#navheader li a {
 display: block;
 font-size: 12px;
 font-weight: bold;
 padding: 0 14px;
 text-decoration: none;
 color: #FFFFFF;
 visibility:hide;}

#navheader li a:hover {
 visibility:hide;
 color: #000000;
 }

#navheader li.active {
 z-index: 1;
 height: 17px;
 border-bottom: 4px solid #000000;
}
#navheader {
 z-index: 2;
 position: absolute;
 height: 20px;
 margin-top : 7px;
}

#slider {
 z-index: -1;
 position: absolute;
 height: 20px;
 background-color  : #FFFFFF;
 border-bottom   : 4px solid #FFFFFF;

}

hab schon vergeblich mit visibility gespielt aber leider ohne Erfolg.
wenn ich li A auf hidden setzt und hover auf hide wird leider nur der scrollslider angezeigt... und mit display: none wird garnichts mehr angezeigt!

Hat irgend jemand ne andere Idee oder weiß wie ich das Problem lösen kann? Wär echt saucool

Greetz