Philippe Wittenbergh wrote: > > The link is http://www.inspired-evolution.com/layout_test.php and the > > CSS is at the top. > > Actually Gecko (Firefox) does a *VERY* serious mistake by positioning > the contents of the top right column (#col2) where it does. Have a > look at Opera or Safari to see what *should* happen. > #col2 is only 15em and is not floated, hence the contents of that div > should drop down below the left column (#col1). If you replace the > list (<ul>) inside of #col2 with a <p> then Gecko comes back to > correct display.
It seems that the Gecko behavior is related to the <li> having as efault -moz-float-edge: margin-box. Usually all other block elements have -moz-float-edge: content-box, which implies the normal correct behavior. With "-moz-float-edge: margin-box" the <li> behave in a non standard way in presence of floats (usually they are fully displaced by a float, as they were inline-level.) And in this case we have this even stranger behavior: all the ancestors of the <ul>s appear (as seen with the DOM inspector) correctly at the left of the page, behind #col1, but the <li> are rendered totally outside their containing boxes. Giving "-moz-float-edge: content-box" to the <li> seems to restore the correct behavior. Bruno ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
