6Mar/070
CSS Bug in IE7
Just came across what has to be a bug in IE7.
I have a 3 column layout. The 3 divs are enclosed by a container div with a fixed width. All 3 divs have also fixed widths - fitting snugly into the container width - and are floating.
The main content div in the middle has <h>eaders and <p>aragraphs. The paragraphs are aligned 'justified'. The right div contains an image that has the same width as the div.
If I <em>phasise (style italic, and displayed inline for good measure) any part of a <p>aragraph in the main content div that spans more than one line, the image div on the right slips underneath the two other divs.
It seems that IE7 adds the extra font space needed to display italic after it calculates the justify alignment.
