Re: IE7 bug - font-style: italic; not harmless?

Rip van Winkle wrote:
Here's a strange thing which took me hours to track down. I'd have
thought that 'font-style: italic;' was generally harmless, but
apparently not to IE7 and/or Vista.

The stripped-down version of the web page is at
http://www.wessex100.org.uk/index_demo.html and the style*** is at
http://www.wessex100.org.uk/shared/wessex_demo.css . Both validate.

The odd behaviour affects the width of the page displayed and thus the
placing of the centered background image. Everything works as it
should with WinXP running Firefox, Opera, Safari and IE6, and with
Vista running Firefox. It goes wrong with Vista running IE7.

To make the page display correctly in Vista/IE7 I've found I have to
take out two occurrences of font-style: italic; . The demo version has
these suppressed, but if you take either of them out where I've
indicated you'll see the effect. None of the other OS/browser
combinations I've mentioned are affected.

Is this a known bug, and can anyone explain it?

Its another peekaboo bug with IE that I unfortunately ran up against a while ago. Frustrating thing it is a new but to IE7 and not present with earlier versions. It happens when you have any italic text adjacent to a floated block, it the italic touches the boundary of the float everything below the italic text disappears! The culprit in my case was the EM element.

http://www.littleworksstudio.com/temp/l2340/ver2.php

My solution was to change EM's default style to bold.

http://www.littleworksstudio.com/temp/l2340/

Gérard Talbot has been documenting IE bugs and it can be an informative resource:

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/
Bugs in MSIE 7 for Windows

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
.