Yep, that did it! I knew it had to be a closing tag, I was looking for the <li> and <ul>. Thanks so much.
Now, I need one more help. I've added some images to the page below the menu and when I hover, the images move. The z-index for the menu is set to 1000. I tried setting z-index's 1,2,3 for each image but that didnt work. Then I tried setting them to -1, -2 -3 and that didnt work. How to I have the menu's dropdown over the images? Thanks!!!
Have a look at the border here
padding: 4px 0;
border-top: 1px solid #6d6f71;
border-right: 1px solid #6d6f71;
border-left: 1px solid #6d6f71;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
and compare that to this border
border-top: 2px solid #6d6f71;
border-right: 2px solid #6d6f71;
border-left: 2px solid #6d6f71;
They are both applied to the same element, just a different state. Sure it will jump around. To see what I mean, exaggerate the result by increasing the border width on one of the states.