I have encountered an annoying problem which I've been unable to solve after almost two days of constant tinkering.
Specifically, I have a floated (right) DIV containing an image. The DIV has margin attributes (0 0 18px 12px) and padding (0). To the left of the floated DIV are two paras. Below the paras and the floated DIV is a block element DIV. In FF3, the space between the floated DIV and the element below is the desired 18px (the default line height) However, in IE7, and I assume it would look similar in IE6, there is 36 pixels of vertical space rather than the desired 18px. The sample page may be found here: http://firstmetvictoria.com/wp/. The CSS files for the Floated DIV may be found here: http://firstmetvictoria.com/wp/wp-content/themes/thematic/library/styles/images.css. Have tried to identify the issue from the usual resources (http://www.positioniseverything.net/, http://www.satzansatz.de/cssd/onhavinglayout.html) but did not recognize my problem in either one. A search of the css-discuss archives also proved fruitless altho I suspect I just don't know where to look. Many Thanks R.A. Paterson ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
