让图片能够根据屏幕的大小自动调整
现在的html如下：

<div class="surveyruclog">
    <img src="{TEMPLATEURL}/images/ruclogo.png" />
</div>

CSS如下：

.surveyruclog {
                   width: 100%;
                   text-align:center;
margin: 0;
border: 0 none;
border-collapse: collapse;
margin-bottom: 2px;
}

.surveyruclog img
      {
         text-align:center;
         width:75%;
    }

但是，图片的宽度与屏幕的宽度并不一致。即使把width:75% 改成100%，效果还是一样的。请高手帮忙解决，谢谢！效果可以见：http://www.obhrm.com/survey/index.php?r=survey&sid=557739&token=v1o
------解决方案--------------------
我火狐调试是正常的 估计是兼容性的问题
------解决方案--------------------
ie10查看 没什么问题。
LZ 是想要什么效果呢。