проблема с z-индексом пустого слоя div в IE8

У меня проблема с z-index в IE8 (другие ИС еще не протестированы ):

Следующий JS создает некоторый html / css:

document.write('<img id="' + sas_Banderole.getObjId('cb') + '" src="' + cburl + '" style="position:absolute; top:5px; cursor:pointer;" onclick="sas_Banderole.trigger();" border=0>');
document.write('<div ID="closeReminder" style="z-index:10000; background-color:transparent; text-align: right; display:none; width:30px; height:100px; right: 0px; position:absolute; top:5px; cursor:pointer; color:fff; font-size:10px;" onclick="reminder_close();" border=0>&nbsp;</div>');


document.write('</div>');

Результатом должно быть, что у меня есть:

• тег IMG (кнопка закрытия) с закрывающая функция.
• тег DIV, который создает слой div "CloseReminder" с высоким z-индексом и onClick событие для закрытия родительского слоя

DIV должен находиться перед IMG и должен соответствовать css.

В FF, CHrome, Opera и т. д. он работает, но в IE8 слой находится ЗА изображением. Я не могу понять, почему ...

Я обнаружил, что если я задаю слою цвет фона (например, синий), то div будет лежать перед изображением, к сожалению, нет, если я даю ему background-color "прозрачный" (он должен быть невидимым)

Кто-нибудь знает? Спасибо за помощь,

С уважением, Dirk