странная проблема CSS в IE8

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 это выглядит странно:

Классы CSS для этих двух div:

.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 (поскольку остальная часть кода содержит эти ссылки), изображение АВТОМАТИЧЕСКИ РЕНДЕРЯЕТ нормально ... Или если я отключу какое-либо свойство css из инструментов разработчика IE, страница будет перерисована, и изображение будет выглядеть нормально ... что действительно странно, задано ...