Quote Originally Posted by ghostcorps View Post
Also, what happens in ie7? in ie6 the menu bunches to the left! Which isn't really too bad... but being a perfectionist also, It'd be nice to have a consistant experience :)
I think with the way you want to do this, you will run into that issue, which is why I did it the way I did.

If you do these two tags like below, I think you won't run into the IE issues:

div#dropMenu li a {display: block; padding: .6em 3em .6em 3em;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; }
div#dropMenu>ul a {width: auto;}

Of course, then the drop down's aren't the same size as the menu item above them...and all of the drop downs aren't exactly the same size... but on the other hand, things look more evenly spaced this way (there's the same amount of space BETWEEN each item).

Can I just suggest, that I think it would look more refined without the fine grey box around your logo header.... but that's just my opinion.