Immagine in background su link: hover

[darkmaster87]

Salve a tutti, avrei un problema da risolvere assolutamente.
Ho creato un piccolo menu, e vorrei che, quando il mouse punta su un link del suddetto, apparisse una piccola immagine di un cappello da chef.
La cosa mi riesce ma non riesco a posizionare il cappello al di sopra delle varie scritte..ho provato ad aumentare la height siccome l'attributo di mio interesse sarebbe "link_menu", ma non ho avuto successo, l'altezza non si modifica.
Potreste cortesemente dirmi dove sta l'errore?

HTML:
################################
INIZIO MENU
################################
-->
<div class="menu" id="menu">CHI SIAMO<span class="pianta"> [img]img/pianta.png[/img]</span> PROGETTI<span class="pianta"> [img]img/pianta.png[/img]</span>MUSIC <span class="pianta"> [img]img/pianta.png[/img]</span>CONTATTI

<!--
################################
FINE DIV MENU
################################
-->
</div>


CSS:

a.link_menu:link {

color:#5151b1;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
height:60px;
}



a.link_menu:visited {

color: #5151b1;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
height:60px;
}

a.link_menu:hover {
color: #1bb7f5;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
background: url("img/cappello.png") no-repeat 10px 0px;
height:60px;
}



Grazie mille a tutti per l'attenzione, lascio il link alla versione di prova che ho caricato sul server ftp: http://guaccio22.altervista.org/curadelgusto/index.html , da li si puo' analizzare al meglio tutto il codice

[Prill]

Se vuoi che il cappello appaia al di sopra del testo, l'immagine non può essere impostata come sfondo perché uno sfondo resta comunque dietro. Potresti allora inserire all'interno del link un elemento con un posizionamento assoluto che appaia solo allo stato hover e sia invece non visibile su quello normale