Question about CSS menu works in FF but not IE

http://www.healthyschoolscampaign.org/getinvolved/action/childnutrition-contest-test/enter.php

I have a sub menu that works fine in FF, but in IE it's all messed up. I'm talking about the red text on the sub menu.

Anyone have any ideas on what I did wrong? Or how to create a fix for IE? Thanks.

M

 

IE does not properly handle shrink-wrap. You'll need to give #navsub an explicit width; 35% will likely work as a starting point.

There are other issues with containing float elements, but get the current issue closer before worrying about them.

IE can screw up on negative margins too. On #navcontainer_sub, make margin-bottom 0, instead of 10px. Then remove the neg margin from #navsub.

cheers,

gary

 

Wow. That was great. That really helps. Thanks.

And I'm going to spend some time on your website looking through your workshop. Looks like a great resource!

Thanks!