Столкнулся с явлением пропадающих блоков в Опере

[Ялекс]

Пропадают блоки в Опере, подскажите что это может быть?

img {
	border:none;
	behavior: url("/styles/css/iepng.htc");
}

.items {
	background:url(/images/bg.jpg) repeat-y;
	background-position:top center;
	/*min-width:1006px;*/
	min-height: 380px;
	font-family:verdana;
	margin-right: 100px;
	width: 825px;
}

.items ul {
	list-style:none;
	zoom:1;
}
.items span {
display: block;
font-weight: bolder;
}
.wsubc {
width: 180px;
}

.items ul li {
	float:left;
	width:236px;
	height:247px;
	background:url(/images/item_bg.png) no-repeat;
	margin:4px 4px;
	text-align:center;
	font-size:12px;
	zoom:1;
}

* html .items ul li {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/item_bg.png', sizingMethod='scale');
}

.items img {
	width:200px;
	height:185px;
}
.items ul li a {
	display:block;
	padding:5px;
	text-decoration:none;
	color:#575757;
	zoom:1;
}

.items .summary {
	display:block;
	top:-3px;
	font-size:11px;
}	  

.items .title {
	display:block;
	font-size:12px;
	font-weight:bolder;
}

.items .summary em {
	color:#0078f6;
	font-style:normal;	 
}
.floats
{

margin: -3em 0 0 -2em;

position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;


display: inline;





margin: 2em 0 0 1em;



min-width: 236px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 236px;
height: 247px;
background:url(/images/item_bg.png);
text-align: center;
}
*html .floats .left{
margin: 0.6em 0 0 1em;
}
*html .floats .left .r{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/item_bg.png', sizingMethod='scale');
	}
.floats .left .min
{

margin: 0 0 236px 0;

height: 0em;

width: 236px;
}

<div class="floats">
	<div class="left">
	<div class="r" style="cursor: hand;" onClick="location.href='/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_kapuchino/';">
<a href="/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_kapuchino/"><img src="/cat_img/04_09_2008_22_02_43_small.png"><span class="summary"><span class="title"><span>Мини-тортик "BiSKonti"</span> капучино</span>Вес: 34 г</span></a></div><div class="min"></div>
		</div>
	<div class="left">
	<div class="r" style="cursor: hand;" onClick="location.href='/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_kokosovyiy/';">
<a href="/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_kokosovyiy/"><img src="/cat_img/04_09_2008_22_04_21_small.png"><span class="summary"><span class="title"><span>Мини-тортик "BiSKonti"</span> кокосовый</span>Вес: 34 г</span></a></div><div class="min"></div>
		</div>
	<div class="left">
	<div class="r" style="cursor: hand;" onClick="location.href='/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_molochno-medovyiy/';">
<a href="/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_molochno-medovyiy/"><img src="/cat_img/04_09_2008_22_05_24_small.png"><span class="summary"><span class="title"><span>Мини-тортик "BiSKonti"</span> молочно-медовый</span>Вес: 37 г</span></a></div><div class="min"></div>
		</div>
	<div class="left">
	<div class="r" style="cursor: hand;" onClick="location.href='/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_shokoladnyiy/';">
<a href="/production/ukraine/myagkiy_biskvit/mini-tortiki/mini-tortik_biskonti_shokoladnyiy/"><img src="/cat_img/04_09_2008_22_06_25_small.png"><span class="summary"><span class="title"><span>Мини-тортик "BiSKonti"</span> шоколадный</span>Вес: 34 г</span></a></div><div class="min"></div>
		</div>
</div>

Делалось наспех, поэтому не клюйте за красоту кода...

[rus]

Для того что бы визуально увидеть я добавил бордеры к блокам

.floats .left .r {

border:#FF0000 solid 1px;

}

.floats {

border:#FF0000 solid 1px;

}

Но так и не понял что и куда пропадает, да, немного вверх съехало, но чтобы блок...