週期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>