Creating navigation box???, some kinda highlight effect Options

[eveO]

ok i wanted to make a navigation box like the one in here

http://www.createblog.com/layouts/preview.php?id=22876

with the whole bar highlighting when i scroll over it if anyone knows what i mean can u help me??

[J3SR0X]

ok. So where do I add the z-index in this code here?

CODE

a:hover,
.nava {width:XXXpx;}
.navB {width:XXXpx;}
.navC {width:XXXpx;}
.navD {width:XXXpx;}
.navE {width:XXXpx;}
.nava:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navb:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navc:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######;color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navd:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.nave:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navz:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:000; line-height:8px;color:ffffff; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
}
</style>