Pulsante rollover menu

[cassy]

Pulsante rollover menu

Salve a tutti, sto lavorando in ambiente joomla ma costruendo un template da zero. Ora sono bloccata al menu che devo fare e che deve avere queste caratteristiche:

1. rollover con l'immagine che trovate in questo link:
   imageshack.us/photo/my-images/703/topmenus.png/

2. ridimensionamento del rollover a seconda della voce di menu.

Esiste una tecnica per la quale è possibile scomporre il pulsante in più parti e farlo ridimensionare automaticamente?

O devo usare un altro metodo?

Il menu ha questo css:

#top-menu {float:left;height:25px;margin-left:50px;margin-top:11px;width:570px;}

color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-family:Verdana,Arial;
font-size:11px;
padding-left:5px;
padding-right:5px;
}

color:#C32B32;
}

.mainlevel-nav{color:#FFFFFF;}

[cassy]

Io ho trovato questa soluzione:
css.flepstudio.org/css-tutorials/pulsante-css-estendibile.html

Se fossi in xhtml, avrei risolto...
Ma cose si applica una cosa del genere al menu di joomla?