[EMAIL PROTECTED] wrote: > I am trying to create a box with curves. The problem is ie puts a > large gap bewteen divs. What causes this?
> http://scottishsocialnetworks.org/home.php IE doesn't understand what an empty div is, so it thinks it has to put a space inside them - and apply 'line-height' to it. A genuine IE-bug :-) Solution: HTML, add comments: <div class="curve_top"><!-- --></div> <div class="curve_middle"></div> <div class="curve_bottom"><!-- --></div> ...which will make IE understand that those divs are really supposed to stay empty. Add this CSS: .curve_top, .curve_bottom { font-size: 1px; line-height: 0; } ...and delete 'display: inline' on those floating divs since there's no 'margin-doubling bug on floats' bug to compensate for in IE/win. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
