DrDoc - 10:39 pm on May 24, 2002 (gmt 0)

I have a couple of DIVs on a page. Some of them are supposed to be hidden when the page loads. Since they are fairly big, and just so the rest of the page content won't be messed up (if space is reserved for the DIVs) I use the following CSS:

.mydiv {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
}

When the user clicks on a link the DIV is supposed to become visible and be included in the normal page flow (it's in the middle of text and stuff) .. so I set visibility to 'visible' and position to 'static'.

In every browser, except Opera, the DIV will appear just as if it never was hidden in the first place. Opera will make the DIV visible, but leave it at the top left corner of the page. Fairly annoying!

So, right now I just hide the DIVs in all other browsers, except Opera, where they are visible all the time.

Can anyone help me with a workaround or change that would make it work in Opera? As a side note - it doesn't matter what I set the position to. I have tried 'relative', 'fixed', and 'inherit' .. No luck. Also, I can't change the top and left values since I never know the exact position ..