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/

Reply via email to