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: