bug in IE7: a float:right does not float (under certain abs. positioning conditions)

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Demo page:

There are two DIVs on the demo page. The first one is as shown below,=20
the second one has "position:relative" instead of "absolute". The blue=20
area is a float:right DIV.

See what I mean? The float doesn't float! Works fine in Firefox (of cours=

<div style=3D"position:absolute; white-space:nowrap; font-weight:bold;">
   <div style=3D"position: absolute; top: 0; left: 0; border: 1px dotted =

     <div style=3D"font-size: 500%;">Unterschied!</div>
     <div style=3D"float: right; background-color: #00f; width:=20

Any way to correct this? I need it for this page:=20
http://euramer.com/multimedia /
(that page I link to may within very few days from posting this have=20
changed completely, so if you don't see the text moving into view over=20
the picture with a link/button - which is that &%%$$=C2=A7!" float of the=
above example - just stick to the above example...)

And NO, I MUST use abs. pos. The above example of course doesn't need=20
it, since I cut it down to the absolutely essential tags (plus some like =

borders, colors for easier viewing). I'm moving (YUI animate method) a=20
container DIV with abs. positioned items inside, and wanted to place a=20
(YUI link-)button on the right edge - that's how I found that IE7 bug.=20
Ohh how I *hate* this stupid browser! Even IE7, it's one one bit better=20
than the previous releases!

Re: bug in IE7: a float:right does not float (under certain abs. positioning conditions)

Solved by using abs. positioning with bottom: and right: on that float
instead of float:, but it's still (yet) another stupid IE7 bug.

I wrote:
Quoted text here. Click to load it

Site Timeline