Disappearing content in IE6

[Bananas524]

Yesterday, the strangest thing kept happening - I have a series of tables when combined make up my border for my content. In one of the cells of the tables, I placed a div containing a .gif file, which I planned on positioning with css. The thing is, as soon as I attach a class or id to the div, it disappears as soon as I resize the browser window and doesn't come back unless I refresh. It only does this in Explorer, too. I've read a little about the peek-a-boo bug which affects IE6 and it sounded like it, so I tried using a table with an id instead. Guess what? Same thing. The content of the table disappears.

Does anyone know what's happening? Is it the peek-a-boo bug, and if it is, is there a workaround that really works (as all I tried didn't)?

[DrDoc]

Welcome to Webmaster World!

Yes, it does indeed sound like the peek-a-boo bug. There was a thread in the CSS forum a while back discussing a different approach to the problem.

[webmasterworld.com...]

[Bananas524]

Thanks for the reply, DrDoc. I tried your fix, and at first I thought it worked, but then added a position style to the style list and it started happening all over again. The solution to the problem turned out to be as follows:

The table containing the div had had it's position set by css, as did the div. Once I got rid of the table's css positioning, nothing disappeared in the div anymore upon resize. While not completely convenient to eliminate the table positioning, it's better for now than disappearing div content.

All in all, it seems that IE6 has problems doing "multiple positioning" with css.