Internet Explorer 8和6中的jquery图像大小调整错误

我使用一些jquery技术设计了一个网站。我的问题是,在某些随机情况下,Internet Explorer 8和6可以使图像看起来比它们应该的小。我没有查过探险家7号,但它可能也在那里…请注意,调整页面大小可能更容易导致这些问题,事实上,客户机在1024x768分辨率监视器上发现了该问题。

我把图像放在一个分区中,并在单击一个URL时用jquery切换它,以获得动画效果。它在Firefox中100%运行良好,但在Explorer中看起来很奇怪。

它的外观:

结果是什么样子的:

jquery代码如下:

<script type="text/javascript">

    $(document).ready(function()
        {
            $('#header').supersleight({shim: 'images/x.gif'}); 
            $('div[class^=images]').hide();

            $('a[class=images-importers]').click(function() {
                        $('div[class=images-importers]').toggle(1000);
                        return false;
            });

            $('a[class=images-suppliers]').click(function() {
                $('div[class=images-suppliers]').toggle(1000);
                return false;
            });

        });
</script>

相关部分的HTML也如下:

    <div>
              <p>
                <a href="#" class="images-importers">We are the sole importers of the leading aquatic
                products in Malta.</a>
              </p>
              <div class="images-importers">
                <div class="imgcontainer-small">
                  <a href="..."><img src="..."
                  alt="..." class="glossy" /></a>
                </div>
                <div class="imgcontainer-small">
                  <a href=".../"><img src="..." alt=
                  "..." class="glossy" /></a>
                </div>
                <div class="imgcontainer-small">
                  <a href="..."><img src="..." alt=
                  "..." class="glossy" /></a>
                </div>

                </div>
  </div>

我用于图像的CSS:

.imgcontainer-small{
    text-align      : left;     
    padding         : 10px;

}

谢谢你的帮助!

顺便说一句,这个网站是 here