CSS Category Flyout

I've got my site working pretty sweet in Firefox and the I crossed my fingers and turned on Opera and IE. I screamed in horror!

Opera 7 doesn't even show the Flyout
IE is putting some weird margin-below on the a:hover

Please have a look and help if you can.
http://www.musicplace.com.au/catalogue/index.php

I also have another IE issue - The "New Products" DIV id="whatsNew" is riding up and covering div id="indexDefaultMainContent". But when I mouseover a category link the welcome text gets covered.

IE makes me crazy...more crazy.

Thanks in advance,
Rob

I solved the IE menu shifting riddle. I modified a bit too much CSS so I started again and found the issue.

Now if I could only solve the disappearing div id="indexDefaultMainContent"

Got this one too!

IE certainly needs lots of hacks.

#indexDefaultMainContent { 
	height: 1%; /*do not remove- IEhack*/
}

That did the trick.