Justify / <i> Problem

Not sure if this is a 'bug' in the way browsers interpret positioning, ot
whether the 'bug' is in how I am interpreting positioning.

I've run into a strange occurance where a DIV box is being expanded by the
inclusion of <i> tags. Now, I could use <em> I'm sure, but I thought this
strange and wanted to get your opinions on what you think may be doing this.

For example: A simple CSS layout (one div 70% floated left with another DIV
filling the remaining space) works fine with paragraphs of text (set with
text-align:justify), images, nested DIVs, etc. BUT if I choose to wrap some
text inside a justified line with <i> tags, it pushes the Div out to 70.5%
or so. Remove the <i> tags, and it snaps back to it's correct position.
Doesn't seem to be an issue on lines that are not justified so I guess the
main question I have is this:

Does CSS interpret and position the justified text BEFORE applying tags. If
so, I would think that <b> tags would cause this annomaly to occur as well
but they work as expected, it just seems to be the <i> tags.

Thoughts?

Thanks,

Marc David Johnson
mjohnson@marcdavidjohnson.com
http://www.MarcDavidJohnson.com
A little bit of everything ... and a whole lot of nothing.
http://mdj.inc <--- New.net address (info - v)
(http://www.qksrv.net/click-714870-1933347)

Received on Wednesday, 25 July 2001 09:14:28 UTC