I've got a /beta ASPDNSF site I'm working on and hoping you can help. The menu is rendering nicely in Firefox 4, but in IE8 (yes) when hovering over sub-menu options, there is a grey area showing on the left side of the drop-down panel, as if the transparency rule is being ignored. (or something) Also, the dividers are not showing up and the height of the NAV menu appears too large. Here's my URL:
aspdotnetstorefront.metalcraftindustries.net/default.aspx
Thanks all,
Stacy

Hello,

Actually your page loads in IE7 compatibility mode ...

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><

Please remove this line of code.

There must also be another problem, it is stretching across the screen now. Any other ideas? Thanks much...

ok, it's looking better now, I wonder why the sub-hav is centering though. Thanks for your help, I thought I had removed the compatibility for IE7 before.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Is still on your page.

It should be off *again* now... am working on try to center the sub-nav "left".. thanks again.

Hello,

You need to add:

ul.sub >li {
    text-align: left;
}

Somewhere in your css. This will align the submenus left.

Thanks again Teodor, I'll try that (already tried text-align: left; all over the place)

I'm wondering if you might know why the buttons always appear in their "down" or "mouse-over" state rather than a raised button state?