nezobrazování celého prostředního divu

Dobrý den, mám layout typu
TOP
LEFT-MID,RIGHT-MID
BOTTOM
Vše mi funguje ve všech prohlížečích, ale někdy (někdy) se stane, že se prostřední div nezobrazí kompletně celý a je schován pod patičkou (BOTTOM). Pro pochopení přikládám dva screenshoty obr1 a obr2. Jak je patrné na obrázku dva, tak pro zobrazení tohoto je nutné tahem myši vybrat text.. Snad jste to pochopili. Předem děkuji za odpovědi. Ještě jednou bych chtěl zdůraznit, že se to děje jen někdy a proto mi nad tim zůstavá rozum stát..

Normální link nechci dávat, protože stránky jsou napůl v provozu a v podstatě vše vyžaduje být přihlášený.. ale myslím, že ty obrázky jsou výmluvné.
Sice o peekaboo slyším prvně, ale na intervalu jsem o tom našel zajímavý článek. BTW: mě to dělá jak v mozille, tak v ie, ale opravdu jen někdy.. :-/

kód je XHTML 1.1 validní
csssko mám takhle: (oba prostřední sloupce jsou v divu .mid a down = BOTTOM v návrhu layoutu :) )

.top{

	height:60px;

	background-image: url(bg/top_bg2.gif);

	background-repeat: repeat-x;

	color:white;

	background-color:black;

}

.mainleft{

	width:180px;

	float:left;

}

.mainright{

	width:820px;

	float: right;

	padding:6px;

}

.mid{

	border-left: 3px solid #514F4B;

	border-right: 3px solid #514F4B;

	padding: 0px 0px 9px 0px;

	background-color: transparent;

	overflow: hidden;

}

.down{

	height:30px;

	background-image: url(bg/down_bg2.gif);

	padding: 0px;

	text-align:center;

	background-color: #E3E0D6;

	clear:both;

}

nene
TOP
MID(mainleft,mainright)
DOWN