Not showing whole div if you minimize in IE

I have problems with showing some div in IE .
It shows in first loading div ok (div contains picture and some text under logo), but if you minimize window and bring up again you will see differencies.
->It will not show whole div
Or you can cross over the window with something else (like explorer) and then again div is not showing.

Firefox and Opera show page Ok.

Link

What could be a problem ?

 

maybe this can cause it

<div id="main">
<div id="content">
<div id="mainfeature">

 

zokiii, it seems you are having your first experience with IE's "Peek-a-boo" bug. The fix is almost as odd as the bug itself. . . . You need to assign a height of 0 to the box that disappears, and, since assigning a height of 0 will produce an unwanted affect on any other browser, you will need to use conditional comments to ensure this style is applied only to IE.

<!--[if IE]>
<style type="text/css">
#mainfeature { height: 0 }
</style>
<![endif]-->

Code (markup):

 

Thanks FeelLikeANut !

It works!

 

There are several ways to fix the Peekaboo bug. I stole Big John's test case and applied each of the various fixes. I also show one or two more fixes than he lists. It's a Good Thing to have options. Sometimes one fix or another may cause troubles. At least one fix will work in any given case.

cheers,

gary

 

Unfortunately, when i put this code for IE I'm losing bottom border.
Border is under text Digital camera news.
You can see it in Firefox.

Link

What should I do ?

 

That problem with the border was actually already there. Before the fix was applied for the banner, that border was initially invisible and would only reappear at the same time that the banner would dissappear. Applying the exact same fix to the #content box seems to do the trick.

<!--[if IE]>
<style type="text/css">
#mainfeature, #content { height: 0; }
</style>
<![endif]-->

Code (markup):