> <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 PROTECTED]
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/
