a hover bild unterhalb des links/textes positionierbar?

[ciccy]

Hallo,

ich hoffe, jemand kann mir helfen. Ich möchte per a hover ein bild unterhalb des Menülinks wechseln lassen, leider bekomme ich das nicht hin.

Vielen Dank für Eure Hilfen.

Gruß
ciccy

mein CSS-Code:

#navigation {
margin: 35px 0 5px 0;
padding: 0;
}

html>body #navigation {
position: absolute;
margin: -40px 0 5px -5px;
}

ul {
position: absolute;
margin: 0 0 0 200px;
padding: 0 4px 0 4px;
list-style: none;
font-size: 0.9em;
font-weight: bold;
width: 600px;
height: 20px;
}


li {
margin: 5px;
width: 80px;
height: 20px;
padding: 0 4px 0 4px;
white-space: nowrap;
text-align: center;
display: inline;

}

.li a{
margin: 5px;
text-decoration: none;
text-align: center;
color: #5C5C5C;

}

.li a:hover {
margin: 5px;
text-decoration: none;
text-align: center;
color: #808080;
background: transparent url('img/link_hover.gif') no-repeat bottom center;
}

#current a {
margin: 5px;
width: 80px;
height: 50px;
color : #ED9D00;
font-weight: bold;
border: 0;
background: transparent url('img/link_hover.gif') no-repeat bottom center;
}

 

[Steffen Giers]

li a:hover {
background-image:		url(../img/link_hover.gif) no-repeat;
}

Warum hast die li als klasse definiert? Sollte eigentlich auch ohne Klassendefinition funktionieren.