Перетаскивание, вращение и изменение размера img

[mirek]

Управляющие элементы вынести в отдельный блок
Три дива

Сейчас у меня очень похоже

  <div id="draggable-wrapper_2" style="width: 150px; height: 150px; left: 110px; top: 100px; position:absolute; z-index:999; ">            <div id="resizable-wrapper_2" style="cursor:move; "> 			
             <img src="images/kartinka.png" width="100" height="100" id="elem-kartinka" style="z-index:999; "/> 
        		</div>
		</div>
        
	</div>

Если resizable() применить к какому либо из дивов, а не к самой картинке то картинка в IE становится просто не видна

На выставления z-index IE также никак не реагирует.
Я менял верхний див из position:absolute на relative

В обоих случаях картинка не видна в IE

[Deff]

z-index IE также никак не реагирует.

Z-index может применяться только к элементам с прописанной
position:
в данном cлучае нужно вписать - position:relative
<img src="images/kartinka.png" width="100" height="100" id="elem-kartinka" style="position:relative;z-index:999; "/>