Есть два блока.
Один вложен во второй.
Везде нормально отображается, кроме ИЕ6
css
Code
<style type="text/css">
.am {width: 500px; height: 500px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=Scale, src='vv.png');
position: relative;
}
.am[class] {background: url(vv.png);}
.am2 {
width: 500px;
height: 500px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vv.png');
position: absolute;
right: -250px;
}
.am2[class] {background: url(vv.png);}
.r1 {background: red;width: 300px; height: 400px;position: relative;margin: 50px 0 0 50px;}
.r2 {background: white;width: 100px; height: 100px; position: absolute;bottom: -20px;right: -20px;}
body {background: #000;}
</style>
html
Code
<div class="am">
<div class="am2">
</div>
</div>
То есть получается так, что при позиционировании вложенного блока, он отображается на столько, на сколько может влезть в 500px родителя.
Как исправить можно? (z-index не пашет)
спасибо
прикрепил скрин 
