lidt speciel css rollover menu

Hej eksperter,

Jeg har lidt problemer med hvordan jeg rent teoretisk skal løse en menu.

Problemet er at de rollover billeder bruges skal være forskellige størrelser, og lappe ind over nogle af de andre.

Et eksempel er vist her http://upit.jtw.dk/dl/c23/

Hvor det nederste viser rollover funktionen.

Problemet som kan ses på udkastet er at det ikke rigtig er muligt at klippe menupunkterne ud som firkanter i samme størrelse som det billede hvor den ikke har rollover effekt på.

Er der nogle der kan hjælpe mig på rette vej.

Vil helst undgå at skulle ud i store js løsninger, så så vidt muligt en clean css løsning.

På forhånd mange tak.