Thema: Link Hover..

HaLLo !! ich hab ein probLem
aLso ich bin im moment meine Hp am aufbauen ..
naja aufjedenfall möchte ich das ich bei meiner
Navigation einen Hover mit einem Hintergrundbild
habe & nicht nur eine einfache Farbe..

<style type="text/css">

#menu{l
border: 1px solid black;
width: 500px;
background-color: #FFFFFF;
}

#menu a{
font: normal 10px verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 2px solid #FF99FF;
}

html>body #menu a{
width: auto;
}

#menu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

</style>

<script type="text/javascript">

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetex t
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpac ity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

<div id="menu"><center>
<a href="URL Page" onMouseover="showtext('')" onMouseout="hidetext()">NAME</a>

<a href="URL Page" onMouseover="showtext('')" onMouseout="hidetext()">NAME</a>

<a href="URL Page" onMouseover="showtext('')" onMouseout="hidetext()">NAME</a>

<a href="URL Page" onMouseover="showtext('')" onMouseout="hidetext()">NAME</a>
</center></div>

kann mir vllt. jemand das css umsteLLen so das iich ein biLd einfügen kann?
oder direkt das biLd schon einfügen kann?

das hätte ich gern als Hover hintergrund..weiss nur ned ob das geht ^^''
naja das soll dan später so aussehn

& wenn man die verschiedenen feLder berührt soLL halt das ander biLd
aLs Hover sein.. Hoffe jemand kennt sich damit aus & das is i.wie machbar ^^

Dankeschön
LG LiiL♥

Vielleicht hilft dir das ?
Tutorial: CSS - Hover mit verlinkten Bildern | bertdesign.de

Joah thx aba Jan hat mia schon gehoLfen