Previous Message
Next Message

IE7 Float/<em> Bug?

Sent by Al Sparber on 14 November 2006 03:03

> <div style="float:right;border:1px solid blue;"><em>XYZ</em></div>
> <div style="border:1px solid red;">abc</div>
> ABC is displayed to the left, and XYZ is floated to the right.
> However, in IE7 the browser thinks that there is more information to 
> the right
> of XYZ and scroll bars are displayed.
> This can be fixed two ways.  The first is to give a width to the 
> float.
> The other (are you ready for this?) is to remove the <em> element.
> <div style="float:right;border:1px solid blue;">XYZ</div>
> I am perplexed.  Does anyone have a clue as to what is going on?

Yeah. It's an em bug :-) IE6 has em bugs, too. Try this:
em {zoom: 100%; overflow: hidden;}

Al Sparber - PVII
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

css-discuss [EMAIL-REMOVED]]
IE7 information --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread:

Possibly related: