If I set a container 600 pixels wide and put three 200 pixel wide container DIVs inside FF1.5 is happy and so is IE6. As I add left and right padding and/or left and right borders, stepping up the container width proportionally keeps both browsers happy. If, however, I step up the margin (with or without padding or borders) IE needs more container width.
For example, if I set padding and borders to 0, but set margin to one 1 pixel, the container should need 606 pixels. #container {width: 606px;} .box {width: 200px; height: 200px; float: left; background-color: #666; margin: 1px; padding: 0; border: 0 none;} <div id="container"> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> But in my test IE6 needs 607 pixels or the last float will wrap. And if I try other combinations using margins, the container may need even more room, even an 10 extra pixels or more. What is the cause of this? Does IE have some rounding up problem when calculating margins? Also, I thought that browsers sometimes collapsed margins. dan storm ~ web developer ~ [EMAIL PROTECTED] ~ w: 206.266.0292 ~ c: 425.503.9580 ______________________________________________________________________ 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/