Dashu: Navi hilfe

Beitrag lesen

hallo ich wollte fragen ob das mit css machbar ist
 ich zeig euch mal was ich möchte

http://bw.drafdbzr12.com/navi.html

hab das so gemacht:

  
  
<html>  
<head>  
<link rel="stylesheet" href="style.css" type="text/css"></head>  
<body background="navi.jpg" bgproperties="fixed"></html>  
  
  
<a class="navi1" href="#" target="_blank">  Nummer I</a>  
<a class="navi2" href="#" target="_blank">  Nummer II</a>  
  
</head>  
</html>  
  

  
  
Body{  
  
  
color:#FFFFFF;  
font-family:Arial;  
font-size: 14px;  
  
}  
  
a.navi1:link{color:#000000; font-size:14px; background-image:url(naviactiv.png); z-index:1; position:absolute; top:100px; width:100px; text-decoration: none;}  
  
a.navi2:link{color:#000000; font-size:14px; background-image:url(naviactiv.png); z-index:2; position:absolute; top:100px; left:80; width:100px; text-decoration: none;}  
  
a:visited {color:#000000; font-size:14px; text-decoration: none;}  
  
a:active{color:#000000; font-size:14px; text-decoration: none;}  
  
a:hover {color:FFFFFF; font-size:14px; background-image:url(navi.png); z-index:3; position:absolute; background-repeat:no-repeat; width:100px; text-decoration: none;}  
  

also ich möchte das so machen wenn man mit der maus rüber geht das nummerI in den vordergrund rückt und nummer II dan in den hintergrund rückt

danke schon mal im vorraus ^^