CSS Flyout Navigation in IE. Old Topic, new twist. Now with Horizontal Flavor!

Hi all, I'm trying to build a standards-compliant CSS flyout menu. It's my first CSS menu, so of course I decided to make it more complicated by flying elements out horizontally, and from the right side of the screen.

Works great in Firefox, but not in IE. The :hover psuedoclass works thanks to Dean Edward's /IE7/, but the alignment is crazy, it's trying to stack vertically (i want horizontal), and the hover rules are being followed inconsitently.

My best guess, after 2 days of debugging is that z-order is part of the problem, and text-align/float/inline is tough for IE.

The best thing is probably to look at the site in both Firefox and IE6. Firefox good, IE bad.

Here is my baby, the green/blue boxes are for debugging.
Tribemind.com

Anyone up to the challenge? I'd really appreciate the help!

Thanks,

- Eric Miller

I got it, thanks anyway!

Check out www.tribemind.com for a beautiful CSS nav, horizontal, that works in IE6 and Firefox!!! Sweeeeeet!

Now If I could just get the content strip to expand. It won't obey height: auto. The naughty boy...

holy scrolling whitespace batman!

Interesting twist on the navbar...kind of looks odd with 'the team' being so big...
But glad you solved what you set out to do.