Odd shaped vertical rollover nav menu problem

[o0bergo0ber]

i have a vertical rollover menu which has odd shaped boxes, i'd like these to rollover without hiding those parts of the image that protrude.

here's the address: http://www.studio69.co.nz/ME/index.html
basically they have to butt up underneath each other, but not loose the outside top edges on the rollover state. i also want the text aligned right, but have a negative indent of 10 or so pixels. you'll see what I mean upon viewing the example.
thanks in advance!

current CSS;

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
position: relative;
}

ul a {
display: block;
width: 141px;
height: 44px;
line-height: 58px;
text-decoration: none;
background: url(../images/gif/menuOverA.gif) no-repeat left;
}

#home #menu .home a,
#about #menu .about a,
#choose #menu .choose a,
#services #menu .services a,
#health #menu .health a,
#testimonials #menu .testimonials a,
#contact #menu .contact a {
background: url(../images/gif/menuOverA.gif) no-repeat right;
cursor: default;
color: White;
}

#menu a:hover {
background: url(../images/gif/menuOverA.gif) no-repeat right;
color: White;
}

#about #menu .about li {
background-color: Aqua;
}
and html;

<div id="menu">
<ul>
<li class="home"><a href="index.html">HOME</a></li>
<li class="about"><a href="aboutUs.html">ABOUT US</a></li>
<li class="choose"><a href="whyChoose.html">WHY CHOOSE US</a></li>
<li class="services"><a href="services.html">SERVICES</a></li>
<li class="health"><a href="healthSafety.html">HEALTH &amp; SAFETY</a></li>
<li class="testimonials"><a href="testimonials.html">TESTIMONIALS</a></li>
<li class="contact"><a href="contactUs.html">CONTACT US</a></li>
</ul>
</div>

[BLiZZaRD]

have a look

here (http://www.cssplay.co.uk/menus/cross.html)

and here (http://www.cssplay.co.uk/menus/olympic.html)

and check the source code of the pages to see how it was done. These are more extreme examples, but should get the idea across.

[o0bergo0ber]

many thanks! :)

[BLiZZaRD]

Welcome, hope it helps. You can click the "menus" tab on top of wither of those pages for about 50 more menus. There are a few tutorials there as well, great resource.