ddpowerzoomer magnifier behind image HELP

[BrigitteD]

1) Script Title: image power zoomer v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...owerzoomer.htm

3) Describe problem:

I'm not really that experienced, and there probably is an easy answer to my problem, I just can't find it! I’m using this script and it works perfectly until I want the picture with magnifier to show in my scroll text area. Then the magnifier shows BEHIND my image, so weird.

Here are some body codes:

[CODE]
<div id='content'>

<div id='mycustomscroll' class='flexcroll' position='center'> (without this one, it works perfectly)

<img src="fotos/01g.png" style="width:200px; height:150px" id="myimage" />
[CODE]

A link to the version working:
http://www.brigittedam.nl/test8.html
A link to the version not working:
http://www.brigittedam.nl/test6.html

Hopefully someone can help me out if this situation, it’s beginning to get really frustrating!

[vwphillips]

you could try adding a z-Index to the magnifier

	init:function($){
		var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black;z-Index:101;" />')
			.append('<div style="position:relative;left:0;top:0;" />')
			.appendTo(document.body) //create magnifier container and add to doc
..........

[BrigitteD]

Thank you so much voor replying, but really have no idea where to put that code. I've tried some thing but I just don't have the knowledge. Do you want me to put it in the javascript file or on the page self?

[BrigitteD]

Found it! And it works great. Don't have a clue what you just did but it works perfectly!!! Thank you so much...

[BrigitteD]

Well it works but I encountered a new problem. It only works in firefox or in internet explorer when in compability mode. But when IE is in compability mode, the rest of my design falls apart (background images shift to the right or dissappear completely). It's a real mess.