css hoover i meny

Hej på er!

Jag har stött på ett problem som jag inte kan få bukt med angående hovers.
Det är så att jag har en perfekt fungerande meny, men jag vill lyfta fram en av menyknapparna genom att byta hooverfärgen på denna.
Eftersom jag fortfarande är ganska nybörjare på området så är det enda jag kommer på att lägga till en class runt "texten". fast det gick inte så bra.

Går det att överlappa den nuvarande hovern med en annan hover?

Skulle vara mycket tacksam för hjälpen!

CSS:

	ul#menu
	{
		margin:0;
		padding:0;
		list-style-type:none;
		width: auto;
		position:absolute;
		height:30px;
		font-size:15px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	ul#menu li
	{
		float:left;
		margin:0;
		padding:0;
	}
		
	ul#menu li a
	{
		float:left;
		color:#E5E5E5;
		text-decoration:none;
		font-weight:bold;
		padding:8px 10px 0 10px;
	}
		
	ul#menu li a:hover
	{	
		color:#b05555;
		height:17px;
		/*border-bottom: solid 2px #FFFFFF;*/
			
	}
		
	ul#menu li a.current
	{
		display:inline;
		height:22px;	
		float:left;
		margin:0;
	}
	
	ul#menu li a:active
	{ outline:none;
	}
	
	ul#menu li a:focus
	{
		outline:none;
	}

HTML:

	<div id="menubox">
		<ul id="menu">
            <li><a href="shiptonarva.html" target="_self"><div class="currentLink">Ship to Narva</div></a></li>
            <li><a href="sallystout.html" target="_self">Sally Stout</a></li>
            <li><a href="captainscabin.html" target="_self">Captains Cabin</a></li>
            <li><a href="bilder.html" target="_self">Bilder</a></li>
            <li><a href="gava.html" target="_self">Gåva</a></li>
            <li><a href="loggbok.html" target="_self">Loggbok</a></li>
		</ul>

När jag hovrar över menyknapparna så blir dessa röda, men jag vill att en av dessa knappar ska bli blå när man hovrar över endast denna.
Kanske ska tillägga att knappen i själva verket bara är text så det är inte bakgrundsfärg utan bara text som ska ändras.

Jo, det var detta jag gjorde.

Ex:
#test a:hover {
color:#069;
}

<div id="menubox">
<ul id="menu">
<li><a href="shiptonarva.html" target="_self"><div class="currentLink">Ship to Narva</div></a></li>
<li><a href="sallystout.html" target="_self">Sally Stout</a></li>
<li><a href="captainscabin.html" target="_self">Captains Cabin</a></li>
<li><a href="bilder.html" target="_self">Bilder</a></li>
<li><a href="gava.html" target="_self">Gåva</a></li>
<li><a href="loggbok.html" target="_self"><div class="test">Loggbok</div></a></li>
</ul>

har jag gjort fel här?

Edit: såg att jag hade satt # när jag skrev här, påverkar dock inte resultatet, fungerer fortfarande inte även om det är ID, eller class

@Guiceu

Riktigt fint! är med på noterna! och det fungerar jätte bra i Firefox, men i Internet explorer så funkar det inte alls.

//jag tar tillbaka detta!!!!
Helt och hållet mitt fel xD var inne i fel html fil och grejjade xD

Tack så mycket för din hjälp!!!

Hej, jag har tagit bort target self koden, hade fått för mig att en sådan behövdes men det är ju som du säger.

Bytte ut ID mot class som enklast

li.menuhover a:hover
{
color:#b05555;
height:17px;
/*border-bottom: solid 2px #FFFFFF;*/

}

fast det gick inte så bra.