JavaScript? CSS? How to do this??

I've got a client that wants a horizontal "drop-down" menu but I'm not sure how to create it (other than in flash, which I'd rather avoid)...

Here's the menu:
http://brianwpiper.com/css/menu.jpg

Here's how I've handled drop-downs in the past (in Fireworks):
http://brianwpiper.com/coynedesign/w...hic-design.htm
but it just doesn't look right since the fonts are wrong (since he built it using graphics/non-web fonts, etc.

Is there a better way to do this using the actual images? Do I need to use div tags? Can it be done in CSS?? Any samples out there? I've looked around and found plenty of CSS horizontal drop-down tutorials, but they all use text...also, I'm not sure how to keep the rollover line on the "Our Work" menu when they go to the sub-menu...hmmm...

HELP!!

:)