مشکل با position

[hadi_nn]

سلام دوستان
خسته نباشید
من به یه مشکلی با ie 6 و 7 برخوردم که مربوط به یه سری کد css که برای یه اسکریپت jquery هستند میشه
کدهای css من اینها هستن

.parts {
	width: 924px;
	margin: 10px 0px 15px 0px;
}
.parts-right-right {
	height: 190px;
	width: 308px;
	float: right;
	text-align: center;
}
div.fadehover {
	position: relative;
	}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

و کدهای html هم اینا هستن

<div class="parts">



<div class="parts-right-right">
<div class="fadehover"><a href="<$mt:BlogURL$>design/"><img src="images/design2.gif" alt="" class="a" /><img src="images/design.gif" alt="" class="b" /></a>
</div>
</div>




<div class="parts-right-right">
<div class="fadehover"><a href="<$mt:BlogURL$>design/"><img src="images/design2.gif" alt="" class="a" /><img src="images/design.gif" alt="" class="b" /></a>
</div>
</div>
</div>

نمیدونم کدهای jquery هم لازمه یا نه اما به هر حال اینم کدهای اسکریپت

<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
});
</script>

حالا مشکلم اینه که وقتی این div fadehover هستش این div اصلی که sides باشه از سمت راست صفحه نصفش میزنه بیرون
اما وقتی اون div که fadehover هستش رو کلاً حذف میکنم همه چی درسته و فقط اسکریپت کار نمیکنه
من خودم حدس میزنم مربوط به position باشه اما مطمئن نیستم
اون position رو هم نمیشه حذف کرد چون اسکریپت کار نمیکنه
اینم بگم که توی همه مرورگرها به جز ie 6, 7 هیچ مشکلی نیست
ممنون میشم اگه کمکی از دستتون بر میاد راهنمایی کنید
ممنونم