Problem Positioning Sublists

Trouble setting absolute positioning of nested unordered lists

[barton]

I'm having trouble getting some nested lists to position the way I want. I have three major list items that each have a nested sublist. When a user clicks on the link inside one of the major list items, the corresponding sublist shows. The display:block/display:none of the sublists is done through Javascript, but the problem I'm having is with the CSS positioning of the sublists: I need the second and third sublists to position all the way over to the left (where the first nested sublist is positioned). Setting the sublists to position:absolute with left: as a negative value doesn't do the trick.

Any ideas on what I need to do? You can view the troublesome page at:
<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

Any help with this would be greatly appreciated!

Thanks,

Bart

[edited by: SuzyUK at 6:42 pm (utc) on Nov. 16, 2004]

[SuzyUK]

Hi barton - welcome to WebmasterWorld

Is this is a horizontal "tabbed" drop down? have you got the CSS for the list in question, it's probably just a case of manipulating what the sublist is absolutely positioned in relation to..

at the minute I presume the sublist is appearing relative to <li> it drops from, where as you really want it to appear relative to either the parent <ul> or an wrapper div..

seeing the CSS will help us see where your positoning is coming from

Thanks
Suzy