Hi

I've created a new skin in order to move from tables to divs.  All was going well until i tried to add the NAV Menu.

The sub menu appears at the bottom of the pages content.  Almost as if that is where the nav menu is located.  The div the nav menu is inside has the following CSS if that is relevant.

#header_navLinks { background-image: url(images/parts/navBar.png); background-repeat:no-repeat; width:928px;
                   position:absolute; bottom:0px; left:16px; height:67px; display:block; }

I'm guessing it's something to do with positioninig but no matter what i try the sub menus are no where near the main menu.

 I tried testing this with the css from MinimalExtropy.  Still the same.  So i don't think its a problem with the Nav menu css.  The only thing different from this skin to my old skin is that the nav bar is inside a div and the doctype is XHTML 1.0 transitional.

Any ideas?

Oh and i accidentally posted this in the 'How do i' forum.

Damn you IE!

Correction fixed the problem in firefox.  Anybody know why ie wouldn't like this?