为什么大图像猫没有留下顶部所有缩略图狗图像当测试即7？

Question

为什么大图像猫没有留下顶部所有缩略图狗图像当测试即7？

我测试其他，大图像猫将保持所有缩略图狗图像的顶部，

但是当我测试ie时，大图像猫不会留在所有缩略图狗图像的顶部，

我怎样才能移动大图像猫留在所有缩略图狗图像的顶部？

http://jsfiddle.net/e2hosyoj/

<div style=" float: left; position: relative;">
    <span style="position: absolute; left: 0px; z-index: 999;">
        <div tyle="left: 99px; opacity: 1;">
            <img src="http://www.catchannel.com/images/kitten-older-cat.jpg">
        </div>
    </span>
    <span style="list-style: none; float: left; margin: 7px; width: 80px;">
        <div style=" float: left; height: 80px; ">
            <img border="0" src="http://www.catchannel.com/images/kitten-older-cat.jpg" width="80" height="80">                  
        </div>
    </span>
</div>
<div style=" float: left; position: relative;">   
    <span style="list-style: none; float: left; margin: 7px; width: 80px;">
        <div style=" float: left; height: 80px; ">
            <img border="0" src="http://assets.dogtime.com/asset/image/513f90ddb424393c9900067c/TN-dog-news.jpg" width="80" height="80">                 
        </div>
    </span>
</div>
<div style=" float: left; position: relative;">   
    <span style="list-style: none; float: left; margin: 7px; width: 80px;">
        <div style=" float: left; height: 80px; ">
            <img border="0" src="http://www.youpet.com/graphics/animals/american-eskimo-dog-dog.jpg" width="80" height="80">                  
        </div>
    </span>
</div>
<div style=" float: left; position: relative;">    
    <span class="thumbnail" id="thumbnail3" style="list-style: none; float: left; margin: 7px; width: 80px;">
        <div class="imgWrap" style=" float: left; height: 80px; ">
            <img border="0" src="http://bestclipartblog.com/clipart-pics/dog-clipart-3.gif" width="80" height="80">                 
        </div>
    </span>
</div>