css menu problem

[wood1e]

Hi,

I am gettting myself in a pickle as I can't seem to figure out how to change elements to my CSS menu...

The problem I have is that the borders have disappeared around the main menu, and when you mouseover the "services" link next to it moves over? And I can't get the sub menu for "services" and "Approved centre" to align underneath the main links (serviecs and approved centre"

http://www.synaxissolutions.co.uk/t...plane/index.htm

Can anyone help? I am really am stuck...I just can't figure out the solution!!!

 

[SiteExpress]

Here ya go. I made a couple of minor changes in the CSS,

Changed

.submenuul{
list-style-type:none;
float:left;
margin: 0;
padding:0;
display:none;
}

To

.submenuul{
list-style-type:none;
float:left;
margin: 0;
padding:0;
display:none;
position: relative;
}


And This

li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
}

To

li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
position: absolute;
}


Notice the absolute and relative settings now in the parent and children css of the submenu?

Hope that helps.