为什么这代码在ie6以上的浏览器都能显示正常，只有IE6会把图片一部分隐藏了。求给我解决下，我想ie6也能正常显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#fu
{
margin:0 auto;
width:700px;height:800px;  
background:url(img/bg444.png) no-repeat;}#zi
{
margin-left:-150px;}
-->
</style>
</head><body>
<div id="fu">
<div id="zi">
  <img src="img/hand.png" width="400" height="643"/></div></div>
</body>
</html>

解决方案 »

  1.   

    ie6的margin有Bug，它会双倍计算margin-left，因此，。ie6下，你只需
    margin-left:-75px;
      

  2.   

    不是的是那个margin-left有一部分没有了，你把我的代码弄到机器测试就知道了，图片你找张那么大的试看就知道
      

  3.   

    ie6的margin有Bug，它会双倍计算margin-left.
    使用ie8预览没发现哪里显示正常。
    楼主具体问题发图上来看吧。
      

  4.   

    如果是想在ie6下正常显示
    #zi的样式加上float:left;position: relative我好像在ajax也看到了。
      

  5.   

    #fu
    {
    margin:0 auto;
    width:700px;
    height:800px;
    background:url(img/bg444.png) no-repeat;
    position:relative;
    }#zi
    {
      margin-left:-150px;position:absolute;
    }