IE兼容问题，请教大神
附上代码

<script type="text/javascript" src="script/jquery-1.6.4.min.js"></script>

<script type="text/javascript">

$(function(){

	var a=100;

	var index=0;

	$(".game_hand").next(".game_content").css({"width":"0px"}).hide();

	$(".game_hand:eq(0)").next(".game_content").css({"width":"150px"}).show();

	

	$(".bd .game_hand").mouseover(function(){

		if($(".bd .game_content").eq(index).css("width")!="150px")return false;

		i=$(".bd .game_hand").index(this);

		if(i==index)return false;

		$(".bd .game_content").eq(index).animate({width:0},300).hide(a+=0);

		$(this).next().animate({width:150},300).show();

		index=i;

	});

});

</script>

附图
页面加载时的图片

鼠标移动到系统介绍时的图片

移到特色玩法时的图片

移到论坛交流时的图片



我在火狐 谷歌下浏览没有问题
在IE6下就出现了上面的问题
请大神指点
------解决方案--------------------
没HTML代码看不出啥问题。。。。
------解决方案--------------------

引用:

Quote: 引用:

发html css啊

<style type="text/css">

body{ font-size:12px;}

*{ margin:0; padding:0;}

ul li{ list-style-type:none;}

#game_data{ width:748px;}

#game_data h2{ height:49px; background:url(img/title.jpg) no-repeat;}

#game_data .bd{ background:#2F0304; width:728px; padding:5px 10px 0 10px; height:281px; overflow:hidden;}

#game_data .game_hand{ width:116px; float:left; margin:0 14px; display:inline;}

#game_data .game_content{ float:left; width:150px; margin:30px 0 0 0; height:235px;}

#game_data .game_content ul{ width:150px; height:235px;}