Luther Baker wrote: > <ul id="menu"> > <li><a href="..">Link A</a></li> > <li><a href="..">Link B</a></li> > </ul> > <h1>Fancy Title</h1> > <p>Blah blah blah ... </p> > Current CSS: > ul, > ul li > { > list-style: none; > float: left; > margin: 0; > padding: 0; > } > ul li > { > display: block; > float: left; > padding-right: 10px; > }
Hi Luther, Try this: ul, li { list-style: none; margin: 0; padding: 0; } ul { display: inline-block; /* IE Float Clear, Part 1 */ overflow: hidden; /* Float Clear */ } ul { display: block; /* IE Float Clear, Part II */ } li { display: inline; /* IE Double Margins Bug Fix */ float: left; padding: 0 10px 0 0; } That should put anything after the UL below the UL. The only time this fix won't work obviously is if you're using a fly-out menu. In that case, you can leave the IE fix in place, but would need to adjust the fix for other browsers using the :after pseudo element on the UL. Hope it helps. Bill -- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999" WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com "The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ______________________________________________________________________ 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/