FF inner DIVs postioning problems

FF postions a DIV in the wrong place and corrects itself on reload

[zipo13]

Hi,
I'm building a website out of a template.
The website is CSS based and has some DIVs and inner DIVs.
2 of the DIVs should be beside each other.
But on firefox on the first load of the page it comes out beside each other and one beneath the other.
After I reload the page a few times the problem clears itself up, and on a few more reloads, comes back again.
I took 2 snapshots of a test case I created.

The problematic DIV is the one in RED

I should mention that this works fine in IE6 and Konqueror

The files them selves are accessible from:

If the page loads fine at the first time just reload.
I would appreciate any ideas you might have.

[edited by: jatar_k at 5:38 pm (utc) on Sep. 4, 2006]
[edit reason] no urls thanks [/edit]

[zipo13]

Funny, but I htink I solved it - don't know why
I changed the display property of the containing DIV from
display:table;
to
display:table-cell;

If anyone understands why this works please explain.
Yay me :)

[holyhttp]

Hi Zipo13,

Setting the display property to "table-cell" prompts the browser to display the target DIV the same way as table cell <TD>..</TD> in a regular HTML table.