I have been having problem in IE6 when I have an <em> tag span on two lines. The content in the right float div shifted below the left menu which was in another div that was floating to the left.
I had this problem with all my pages until I corrected it with a conditional comment and an adjustment to the width attribute in an IE6 stylesheet. Everything seemed fine except for a few pages.
When I stripped the content, the pages were ok. So the conclusion was that it must have been something in my content that caused this, So i stripped one paragraph at a time until I found that it was the <em> tag that caused this, but only when the <em> tag spanned on two lines or more. very strange. Can anyone give me some insight as to why.
I created a page with the shift problem, please click on the link below to have a visual of the problem. This is okay in Firefox.
[Solved] <em> tag causes content shift
IE has some trouble with italicised fonts, you'll find an explanation at PIE.
Wow.. that was quick. I read the article and applied the fix. All is functioning well. Thanks. Really appreciate it.