CSS -active- werkt niet...

[turbojohn]

Hallo,

Ik heb een website waarbij de menubalk rood is, en wit moet worden als men op de desbetreffende site bezig is.
Nu heb ik dat met tekst-menus vaak gedaan (dus zonder plaatjes, alleen tekst menus), maar nu ben ik bezig om dat met plaatjes te doen en dan werkt t niet.

Als ik nu de site open, krijg ik een rood plaatje achter mijn menu-tekst. Dat is goed.
Ga ik er over (hover) dan wordt het grijs, ook goed.
Maar zodra ik erop klik, dus dan moet het wit worden, dan wordt ie gelijk na het loslaten van mijn muis weer rood. Dat is dus niet goed.

Hieronder mijn code:

#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:right;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;height:19px;background:url('images/foxmenu_bg-OFF.gif') no-repeat top left;; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:0}
#foxmenu ul li a:hover{color:#fff;background:url('images/foxmenu_bg-OVER.gif') no-repeat top right;}
#foxmenu ul li a.current, #foxmenu ul li a.current:hover{color:#000;background:#FFFFFF;}

En mijn menu:

	<div id="foxmenucontainer">		
	<div id="foxmenu">
	<ul>
	   <li><a href="Test.php" title="">Info</a></li>
	   <li><a href="Test.php" title="">Contact</a></li>
	   <li><a href="index.php" title="">Home</a></li>	 
	</ul>
	</div>
	</div>

Wat doe ik hierin fout. Ik heb overigens de class="current" bij de link weggelaten, want dan blijft de achtergrond continu wit. Dat werkte helemaal niet.

Ik heb niet zoveel verstand van css, normaliter werkte dit gewoon, ik denk dat ik ergens iets foutgedaan heb, maar ik kom er niet achter.

Iemand die mij kan helpen?:thumb:

 

[Jedi]

Is dat niet iets met onmouseout ?

 

[defietser]

#foxmenu ul li a.current, #foxmenu ul li a.current:hover{color:#000;background:#FFFFFF;}

Van a: current heb nog niet gehoord en van a.current:hover ook niet .
Wel van
a:link
a:visited
a:hover
a:active
en je zal ze dan nog ook in deze volgorde moeten plaatsen in je css of je kan er ook mee problemen hebben.
Mvg
defietser