Pure CSS Horizontal Menu Bar

Hi, I'm new to the tread and had a question. Is there a CSS menu bar that can emulate a javascript menu bar that we are using now. You can see it at http://www.precious-pets-paradise.com . It uses images as the to level and opens with a fade effect and has three levels. Does anyone know if this can be accomplished in CSS? My javascript menu bar is causing a lot of problems for us and I would like another alternative and someone mentioned that CSS would be the route to go. Any thoughts? Thanks in advance...Daniel

http://www.precious-pets-paradise.com

 

Google search

I like this one : Listamatic

 

this is what you need ... it will fit nice to your site i think
http://phoenity.com/newtedge/horizontal_nav/

 

this is what you need ... it will fit nice to your site i think
http://phoenity.com/newtedge/horizontal_nav/

?? I cant see the menu bar example, its only showing a line item look to it?

 

look at the menu !

it is there ... that is example

 

exactly the same function as that javascript on your site

 

I see it now, my IE browsers will not display it, I had to use Mozilla. Would there be a way to use images as the top menu and how would I add another level? Thanks for your help.

 

You would need to add an javascript action for it to work in ie.

Microsoft decided to implement the :hover pseudo-class for A elements only. That's the reason the menu won't work in any IE browser (there is missing the LI:hover trigger to start the action).

 

If you look at my site, 'http://www.precious-pets-paradise.com' and look at what my menu bar is doing, can you recommend where I might be able to find on that does the same thing as mine? I'm trying to get away from the javascript menu bar that were using..Thanks

 

http://www.cssplay.co.uk/menus/dd_valid.html

here you go