immagine di background a bottoni

[frank_85]

salve a tutti, vorrei inserire una immagine di background ad i bottoni sulla barra di navigazione. Praticamente ho una barra di sfondo e le voci del menu come testo, vorrei inserire una immagine che si adatta alla dimenzione della voce menù quando il bottone è clikkato. qualcuno sa dirmi come si fa? grazie!

[tonicopi]

Più o meno come i pulsanti che vedi qui sopra il post?
Ispeziona il codice con firebug....   

[frank_85]

si, il principio credo sia quello però invece di avere uno sfondo di un unico colore vi è un bordo che da l'effetto premuto. Suppongo che debba in qualche modo impostare il bordo a destra e sinistra e al centro una linea di un pixel che si ripete a seconda della dimenzione del bottone. spero di essermi spiegato. grazie!

[frank_85]

sono riuscito a inserire il background in onmouseover, ma quando clicco non rimane. inoltre non riesco a centrarlo e adattarlo alla voce menù.. questo è il css che ho di questo menu:
#user3 ul {
   margin:0;
   list-style:none;
   padding-left:0px;
   padding-top:15px;
   padding-right: 0;
   padding-bottom: 0;
}
#user3 li {
   display:inline;
}
#user3 li a {
   
   padding-right:30px;
   padding-left:30px;
   padding-top:10px;
   padding-bottom:10px;
   color:#20353d;
   text-decoration:none;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:14px;
}
#user3 li a:hover, #user3 li#current a {
   background:url(../images/onmouse.png) no-repeat scroll 100% ;
   color:#024363;
}