using flyout menus with centered content

[bardley]

Hey all. All the (simple) code I've seen for doing flyout (pulldown) menus uses an absolutely-positioned div section that displays when you mouseover, etc. But I have a slightly different situation.

I have a page with centered content on which I'd like to use these cool menus. However, I gather (I haven't tried this, so shoot me if I'm wrong) that the absolute positioning of the hidden menu will cause it to appear at different places in the page depending on the resolution.

In other words, at 8x6 it may look like this:

          menu heading 1    menu heading 2
          sub menu 1        sub menu2

but at 12x10 it would look like this:

          menu heading 1    menu heading 2
   sub menu 1        sub menu 2

Any ideas on how I could deal with this?

Brad Gunsalus
bardley90@hotmail.com