My page is here: http://www.healthquestpt.com/lwh/
The first 2 tabs dropdown menus work fine, the rest just arent there. Please help.
Thanks!!
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
ul.MenuBarHorizontal a
{
display: block;
background-color: #6d6f71;
text-decoration: none;
text-align: center;
padding: 4px 0;
color: #fff;
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
ul.MenuBarHorizontal a:hover
{
background-color: #fff;
color: #1b75bc;
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.
Gramps
North America
Europe, Middle East and Africa
Asia Pacific