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.

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>

[edited by: encyclo at 7:22 pm (utc) on Feb. 23, 2007]

[o0bergo0ber]

sorry, should of thought about the url thing, but how do i post an image? it's going to be hopeless trying to explain the issue i have without the ability to show what i mean...
thanks
J

[SuzyUK]

sorry, you can't post a link to an image .

have you seen the "CSS Sprites" articles (on A List Apart..) - it covers a way to deal with rollover of irregular shapes

Suzy