Disappearing DIV

go to another window then come back and this DIV is gone!

[Ed_Gibbon]

I am trying to convert my site from table-based layout to CSS. I have found a few on-line CSS tutorials and am adapting what I found there -- a three column layout with header and footer.

The bottom half of my page, between the left and right columns and after the main content, consists of four boxes of related information. Each box is made up of one or more DIVs. The CSS provides the background colors and some positioning.

They are arranged like this:

¦ ------- BOX 1 ------- ¦
¦ - box 2 -- ¦ - box 3 -- ¦
¦ ------- BOX 4 ------- ¦

with code like this:

_____________________

<DIV id="content1">
</DIV><!-- content1 -->

<DIV id="wrapper">

<DIV id="col1">
</DIV><!-- col1 -->

<DIV id="col2">
</DIV><!-- col2 -->

</DIV><!-- wrapper -->

<DIV id="content2">
</DIV><!-- content2 -->

_____________________

of course, that is contained within the DIVs for the main content, etc.

I have noticed (at home and at work, with MS IE) that the page loads and displays correctly. If I scoll down to the bottom of the page everything looks okay. But if I then activate another window (another browser window or e-mail or whatever) and then return to my webpage, the content and the background color of the last box (box 4) is either completely gone or partially gone (cut in half). But if I move the vertical scrollbar it all comes back.

Anyone know what's causing this and if it can be fixed?

Thanks much

[Reflection]

Hmmm interesting problem.

It could be a system resource issue with your computer, but the fact that it occurs on 2 computers probably cancels out that posibility.

Have you tried validating your html and css?

Are there any scripts on the page that could be contributing to the problem?

[SuzyUK]

Sounds like the peek-a-boo bug..

try this thread [webmasterworld.com] for my first encounter or search for "peekaboo"

Suzy