I have the following code: <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? Cheers - george ------------------------------------- Eclectic Mix: http://EclecticMix.com One Minute How-To: http://OneMinuteHowTo.com DRiP Investing: http://DRiPInvesting.org Handmade Photographic Images: http://www.GLSmyth.com ______________________________________________________________________ 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/
