CSS menu hover state

Hi, I'm trying to get to grips with CSS and would like to create a menu system
that in hover state shows different copy for each menu link.

So far I've managed to achieve this by linking an image to the a:hover state
but I need the copy to be different for each menu item and I'd like to make it
vector text not image.

Can this be done?

My attempt so far;
http://www.ad-one.co.uk/test/index4.htm

Thanks

Chris

Check out this page
http://www.divahtml.com/products/div...u_location.php

Tun Tun bags of fun skrev:

Hi, I'm trying to get to grips with CSS and would like to create a menu system
that in hover state shows different copy for each menu link.

So far I've managed to achieve this by linking an image to the a:hover state
but I need the copy to be different for each menu item and I'd like to make it
vector text not image.

Can this be done?

My attempt so far;
http://www.ad-one.co.uk/test/index4.htm

Thanks

Chris

--
Kim
---------------------------
http://www.geekministry.com

Thanks for this, but it's not what I'm looking for. The menu I'm trying to
build basically has 2 names to it. An obscure title like "showing our metal"
then when hovered over it, it reveals the explanation of the title in this case
"Awards" by the side of it.

Not sure if it's the right way to do this as I'm new to CSS, it but the only
way I can figure out doing this is to create a separate DIV tag for each line
then setting up a different backgound image on hover state. Not ideal as I
wanted to keep the menu all text no bitmap images.

Thanks

Chris