[RESOLVED] Menu placement issues

[Insigma]

I'm currently redesigning my website, and using the opportunity to learn CSS in the process.
I'm mostly doing okay, but on the test page I've made here, where I'm trying to establish placement of the key elements, there's a problem with my flyout menu.
It works fine in all browsers, despite having to borrow some workaround code for IE. But for some reason, while it places to the left (as it should) in Opera (my default browser) and Firefox, when I test it in IE, it floats out to line up with the left-hand edge of my banner, which results in it covering up the text area.

Any idea why it's doing this?

Here's the page:
http://www.angeltowns2.net/khepri/ne...t/scrolls.html

[Centauri]

Avoid the absolute positioning. You should be able to place everything using margins and floats.

Your problem is you have only defined the top location of the menu div, and not a horizontal position.

[Insigma]

D'oh! Wood for the trees, an' all that!
Thanks for the pointer, Centauri; I think that's got it!