I want to create a horizontal navigation bar for one of my sites. I want the bar to expand when a top category is moused over.

The problem is I need the top category links to be image based so each link has its own image, which is the same in height as the others but not the same in width because I want to use a non standard font.

The dropdown aspect of the menu can be either standard text or image based.

I have successfully created a static (non dropdown) menu using just images but how do I create the horizontal dropdown menu I am looking for using css?

Thanks for any help

I don't really understand what you're trying to say.

You want a CSS drop down menu? If yes, here's two videos that will easily show you how to make one. The principal shown in the video is the same and can be used for images or text. It is pretty simple. You'll understand it really quickly.

Part 1

http://youtube.com/watch?v=x_XnCI-jNS4

Part 2

http://youtube.com/watch?v=SP9288At5e8

Hope this helped.