Why is Firefox displaying my page differently?

Question

So the problem is that I have three pages of a column layout. On the right side there is an advertisement that I want to disable on certain pages, so that the content expands, and the page has two columns instead of three.

I found a solution using display: table-cell. This works in the largest browsers, but a strange problem only occurs in firefox. When I go to my page, commercial content falls below the content and the content expands. Then, when I click update, an ad pops up and everything seems beautiful.

Can you help?

Here is the css:

#wrapper{width: 960px; margin: 0 auto;}

#left{float: left; width: 220px; margin: 6px 0 0 5px;}

#content_wrapper{float: left; width: 724px; margin: 6px 0 0 5px;}
    #content{min-height: 400px; min-width: 522px; max-width: 724px; border: solid 1px #ccc; padding: 12px; vertical-align:top; display: table-cell; }
    #right{width: 168px; padding: 0 6px 0 5px; display: table-cell;}

Answer 1

Internet Explorer table-cell, , Internet explorer , Firefox, . , firefox , IE .

Internet Explorer ( IE8) "inherit", "inline-table", "run-in", "table", "table-caption", " table-cell", "table-column", "table-column-group", "table-row" " ".