I have a menu bar that is rotated slightly. Here are two buttons as an example:
As a result, I can’t use regular HTML to handle this. I need to use a <map> to put hyperlinks over the menu parts. (Or am I missing a killer CSS feature I don’t know about?)
I want to map drop-down menus to these buttons. This looks like a nice way to implement drop-down menus: http://javascript-array.com/scripts/simple_drop_down_menu/
However, this does not work on <map>s, I believe. Or am I wrong? Is there a different approach I can take to constructing drop-down menus for a menu bar that is not aligned horizontally?

What about slicing up the nav into multiple images… one menu item for each image? Then you could build the dropdown off of each image, rather than using an image map. This would also give you the added benefit of turning your nav into a list, which would be more semantic.