IE makes a pig's breakfast out of my page!! Any ideas why?

Alan Silver wrote:

If you look at http://www.kidsinaction.org.uk/iebarf2.html in a decent
browser, you'll see a basic layout with content on the left and links on
the right. Look at it in IE, and you won't see the content, nor the
links. If you watch carefully when you load the page, you see a quick
flash of them, but then they disappear. The IE developers' toolbar shows
me that IE is positioning them correctly, but it's not showing them
right.

It's a stacking problem. If you remove the background color from

#pagecontent, you will see the floated elements.
Or just remove "position:relative" from #pagecontent.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

In article <UtOdnc93__xC-_DZnZ2dnUVZ_vadnZ2d (AT) giganews (DOT) com>, Jim Moe
<jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> writes

Alan Silver wrote:

If you look at http://www.kidsinaction.org.uk/iebarf2.html in a decent
browser, you'll see a basic layout with content on the left and links on
the right. Look at it in IE, and you won't see the content, nor the
links. If you watch carefully when you load the page, you see a quick
flash of them, but then they disappear. The IE developers' toolbar shows
me that IE is positioning them correctly, but it's not showing them
right.

It's a stacking problem. If you remove the background color from
#pagecontent, you will see the floated elements.
Or just remove "position:relative" from #pagecontent.

Not sure how it's a stacking problem as the page content should be the
topmost element, so it's content should be on top. Also, I can't remove
the "position:relative" as that is used to create a positioning context
for some absolutely positioned elements inside.

It turned out to be the peekaboo bug, and adding some
"position:relative" bits fixed it. Thanks anyway.

--
Alan Silver
(anything added below this line is nothing to do with me)