|
April 15th, 2008 |
I came across this bug while working on the layout for Life According To Duck, and thought I would share the solution.
When viewing the page in Internet Explorer 6, my main post <div> was appearing about 4 pixels too wide whenever italic text flowed from one line to the next. The offending text was in a child element, a <p> tag. Briefly stated, IE6 (and I assume IE5) seems to consider the width of the slanted text when computing the box dimension, which of course adds a few pixels to the right side. As a result, the background of the element was appearing wider than the graphical caps above and below it. Sure, it's only 4 pixels, but that's 4 too many by my standards.
Read the rest of this entry »