> I am trying to create a nested horizontal menu at the bottom of my Web
> page.
> 
> I got it to work just the way I'd like on a test page (where the menu
> is
> the only thing on the page): http://outtacontext.com/list5b.html. But
> when
> I put into my Web page, all the links are pushed together (see the
> bottom of the page): http://inourpath.com/about.html.
> 
> It seems that some style for the site itself is affecting the
> css/placement of this menu. But for the life of me, I can't figure it
> out.
> I need some fresh eyes or a workaround.

Hi Jeff,
Try this:
Remove the inline styles you have on the LIs
Remove the width and the max-width from the #TJK_dropDownMenu li {} rule
Change the padding value in the #TJK_dropDownMenu li a {} rule, from "0 7em"
to "0 1em"
Change the width value in the #TJK_dropDownMenu li ul {} rule, from "30em"
to "100%"

Feel free to reply off-list if you want.

-- 
Regards,
Thierry | http://www.TJKDesign.com




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to