IE8上奇怪的CSS问题

Question

我有一个div，其中包含另一个带有背景图像的div：

<div class="icePnlGrp graMyTasksHomePanelDiv">
  <div class="icePnlGrp graMyTasksHomePanelTitleDiv" id="j_id157:j_id165">
     <label class="iceOutLbl graMyTasksHomePanelTitle" id="j_id157:j_id166">PLAN</label>
   <!--rest of the code--!>
   </div>
</div>

这在Chrome和Firefox上看起来很不错：

但在IE上看起来很奇怪：

这两个div的CSS类：

.gramytaskshomepaneldiv {
background-color: whiteSmoke;
width: 156px;
height: 150px;
margin-right: 50px;
border-right: 3px #EEE9E9 ridge;
border-bottom: 3px #EEE9E9 ridge;
display: inline;
float: left;
margin-bottom: 15px;
}

.gramytaskshomepaneltitlediv {
    background: url('/resources/images/external/navigation_arrow.png');
    height: 40px;
    margin-top: -30px;
    width: 185px;
    position: relative;
    margin-left: -4px;
    }

你能伸出援助之手吗？我使用位置相对解决了大多数IE 8问题，但这里根本不起作用......

...谢谢

Ps ：如果我悬停在IE上的链接上，在同一页面上，在该主要div上（因为其余代码包含这些链接），图像AUTOMATICALLY RENDERS很好..或者，如果我从IE开发人员工具中禁用任何css属性，页面将重新渲染，图像看起来很好......这真的很奇怪，不合适......