From: "John Lockerbie" <[EMAIL PROTECTED]> >http://www.catnaps.org/newlayout/index.html
>The lower menu sits on top of the footer and I can't separate them. >The css is: http://www.catnaps.org/newlayout/islamic2.css In your lower menu, the three ULs are absolutely positioned (AP). So even though you've cleared the footer, the floated #contentcolnav2 isn't really taking up much space, and the AP lists are hanging out of it, overlapping the following content (the footer). You can see this by adding background colors to the four elements and noting that #contentcolnav2 does not expand to hold the three lists. The heading is the only thing taking up any space. Try the following changes to your CSS and see if they help. Tested in FF only. #contentcolnav2 { /*width: 408px; - remove the width */ position:relative; float: left; left: 10px; margin-top: 0px; } /* float these instead of AP - left/top aren't needed */ #navcol4 { float: left; list-style:none; width: 33%; } #navcol5 { float: left; list-style:none; width: 33%; } #navcol6 { float: right; list-style:none; width: 33%; } This seems to hold up under a couple of text resizings. You might consider changing the top one in the same fashion, as it does not hold up under text resizing. I hope that helps, ~holly ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
