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
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"





______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: