Please take a look at this page in both IE and Firefox:
http://www.wexom.com/tests/test1.htm Notice that in IE, the blue/pink containers are touching the empty, bounded container above. Also notice that the grey-banded container(s)-which are all nested in a single parent DIV-are positioned 60px lower than the pink box (which is floated to the right). This 60px is the top margin of the grey container DIV. This is how I want the page to display. In Firefox, the top margin of 60px, applied to the grey container DIV mentioned above, is actually being applied to its parent: the DIV containing all the colored boxes. As a result, the grey and pink containers start side-by-side, and the 60px margin is now separating the top, empty, bounded DIV from the bottom DIV. Any idea why this is happening in Firefox? More importantly, any idea how to make Firefox behave as IE is behaving? Thanks, Troy ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/