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

Reply via email to