2 level menu bug

[SteeleR]

http://89.215.52.231/templates/38/

this is the menu.. when hover over the multilevel element it's pushed left.. I've tried adding position: relevant; to the other element, too.. but there was no positive results...

any ideas how to be fixed for FF, IE6 and IE7 ?

[boogyman]

your navigation only has 1 level.. position: relative just tells the browser how to handle the additional position elements... eg.. top, bottom, left, right ??

if you wish the "sub-menu" to be entirely right of previous menu element,


element {
position: relative;
left: 100%;
}


where element is the sub-menu.
left:100% tells the browser to push the new element (sub-menu) 100% to the left of the current element being hovered over.
as I stated before you need to do some javascript to get this working in IE6, so please refer to the other post about this, and for future questions just post a reply here, dont start a new thread

[SteeleR]

it working in IE6.. the position: relevant and left:0 for the parent element fixed the problem.. Thanks.. I didn't knew that "left" was referring to the parent element.. thought it's for the body container..