Odlesk

Ahoj, snažím se vytvořit na menu odlesk, ale nejak se mi nedaří.
chci docílit efektu:
[img]http://wanted.czweb.org[/img]
Nenapadá někoho něco? Překrýt obrázkem meni moc šťastné řešení...

(ten odlesk)

vertigo4 nevim, jestli jsem to pochopil spravne, ale neco podobleho jsem uz zkousel.
<div class="menu">
<ul>
<li><a href="#">Články<img src="Images/glass_145_40.png"></a></li>
<li><a href="#">Reference<img src="Images/glass_145_40.png"></a></li>
<li><a href="#">Nadpis<img src="Images/glass_145_40.png"></a></li>
</ul>
</div>

ale tohle řešení má chyby.
1.
2. červené jsou oblasti, kde ofkaz funguje na kliknutí...

CSS:
.hlavicka .menu
{
padding: 0px;
margin: 0px;
position: absolute;
bottom: 4px;
right: 200px;
border: 0px solid blue;
height: 40px;
}

.hlavicka .menu ul
{
padding: 0px;
margin: 0px;
border: 0px solid red;
list-style-type: none;
}

.hlavicka .menu ul li
{
margin: 0px;
padding: 0px;
background-image: url('Images/btn_145_40.png');
background-repeat: no-repeat;
width: 145px;
height: 40px;
border: 0px solid white;
float: left;
text-align: center;
padding-top: 9px;
}

.hlavicka .menu ul li a
{
font-family: arial;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: black;
border: 0px solid orange;
}

.hlavicka .menu ul li a img
{
margin: 0px;
padding: 0px;
border: 0px solid green;
position: relative;
top: -29px;
}

1.
2. červené jsou oblasti, kde ofkaz funguje na kliknutí...

1.
2. červené jsou oblasti, kde odkaz funguje na kliknutí...