在其他元素IE7之上显示彼此相邻的列表元素

Question

更新

的jsfiddle：

http://jsfiddle.net/pcRKv/1/

我已经阅读了大量关于IE7中z-indexing的帖子和文章，但我似乎无法为我的问题找到解决方案。

我有一个旋转横幅，它使用jQuery和CSS淡入列表中的下一个横幅图像。我使用z-index使最后一个横幅淡入下一个横幅。我创建了HTML结构，以便在没有CSS的情况下轻松分解。我希望.banner_thumb位于横幅中的所有元素之上，并且彼此相邻。事实证明它适用于所有其他浏览器，但IE7- ...在IE7中，拇指彼此叠加而不是彼此浮动。关于如何解决这个问题的任何想法？

这是我的css： http://pastebin.com/32GxamMg

HTML：

<div class="span-25 last" id="banner">
        <h2>University Features</h2>
        <ul>
           <li class="selected">
              <div class="banner_description">
                  <h3>xxxx</h3>
                  <p>body</p>
              </div>
              <img class="banner_img" src="" />
              <img class="banner_thumb" src="" />
           </li>
           <li>
           ...
           </li>
           <li>
           ...
           </li>
           <li> 
           ... 
          </li> 
       </ul>
 </div>