Im having issues with a horizontal navigation bar that has two sub-tiers of inline horizontal navigation. Id like for all of the sub-tiers to line up on the left hand side (under the first tab) no matter where their parent tab is located. I have it working correctly in IE, but on all of the other browsers the sub-nav lines begin below the tab they originate from, which is not what I'm looking for.
If you take a look at my file (see link below), the first four tabs will give you second-tier dropdowns. If you mouse over Knowledge Center/Additional Resources youll see the third tier dropdowns. I've also included a screen shot showing it working correctly in IE and not working in Opera.
Heres a link to the working menu bar:
And the menu bar css can be found here:
I'm not sure if it makes a difference or not, but this started as a Spry Menu in Dreamweaver, which I then manipulated to fit my needs.
Thank you in advance for your help!