z-index в слое,созданном при помощи JavaScript

[Микель]

Подскажите ,плз.

Я вывожу скриптом из базы уменьшенные копии картинок, каждая из которых заключена в див ( код Smarty)

 {section name=banner loop=$ar_banner}
 <div style="float:left;margin-right:22px;height:190px;border:0px solid red;z-index:1;" id="ban{$ar_banner[banner].id}" onmouseover="showbig('show','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})" id="ban{$ar_banner[banner].id}" onmouseout="showbig('hide','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})"> 
 html_image file="/images/banners/mini_`$ar_banner[banner].image`"} 
 </div>
 {/section}

При наведении на миниатюру у слоя,в который заключена картинка,при помощи JS создается дочерний слой, к котором уже находится оригинальное изображение (ну а при onmouseout,соответственно,всплывающий слой уничтожается)

// Создаем дочерний слой
newNode = document.createElement("div");
newNode.style.width = width;
newNode.style.height = height;
newNode.id = "new_image"+id_image; 
newNode.className = "new_image";
newImage = document.createElement("img");
newImage.src = "/images/banners/"+imgname;
newNode.appendChild(newImage); 
current.appendChild(newNode);
document.getElementById("new_image"+id_image).style.zIndex = 500;

Все бы хорошо, но вновь созданный слой почему-то находится ниже все прочих,кроме родительского. При том,что я уже и z-index через JS задал астрономический,а у всех прочих слоев 1. Все равно косячно. Заранее спасибо.

[WingedFox]

Почитайте про требуемые для работы zIndex значения свойства position.

[Микель]

WingedFox

Спасибо за совет. Поищу. То есть проблема исключительно в CSS, а сверстаны ли дивы заранее или сгенерены JS значения не имеет?

[WingedFox]

Микель

Никакой разницы нет. Вс? зависит только от взаимного расположения блоков в дереве и в установках родительских блоков.