周期IE7层

我有一个问题，使用应该“悬停”在图片上，使用JQuery循环插件切换的小div。图片宽度为950px，在图片的右上方有一个小盒子应该带有最新消息。周期IE7层

问题是在IE中的compability模式下，这个盒子似乎松了它的z-index并最终落在了图片的后面。它适用于IE8，Opera，Chrome和Firefox。

我试图删除2张图片，所以只有1张图片显示，然后出于某种原因，它也适用于compabilitymode。我试图删除img-tags之间的空格，但没有运气，margin：0;填充：0全部结束，但没有运气

任何人有任何想法可能是错的什么？

CSS代码

#Content { 
    width: 950px; 
} 
#NewsWrapper { 
    position: relative; 
    padding: 0; 
    margin: 0; 
    top: 0; 
} 
#NewsListning { 
    float: right; 
    height: 200px; 
    margin: 0; 
    padding: 10px; 
    background: yellow; 
    top: 0; 
    right: 0; 
    position: absolute; 
    z-index: 12; 
    width: 300px; 
} 
#SlideImages { 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    float: left; 
    z-index: 11; 
} 
.SlideImage { 
    display: inline; 
    float: left; 
    padding: 0; 
    margin: 0; 
    z-index: 11; 
}

JavaScript代码

$(function() { 
    $('#SlideImages').cycle({ 
    fx: 'fade', 
    speed: 5000 
    }); 
});

HTML代码

<div id="Content"> 
<div id="SlideImages"> 
    <img src="/Images/Slide1.jpg" class="SlideImage" /> 
    <img src="/Images/Slide2.jpg" class="SlideImage" /> 
    <img src="/Images/Slide3.jpg" class="SlideImage" /> 
</div> 

<div id="NewsWrapper"> 
    <div id="NewsListning"> 
    <div> 
     <strong>Test 2</strong> 
     Lorem ipsum 
    </div> 
    </div> 
</div>