Drag layers moving sluggish in firefox

Question

Hi, I'm working on a web site here:
http://www.cssdreams.com/sites/searchinfo/homepage.html
And (haven't tested in IE6, but IE7 mind you) for some reason
you can drag the maginfying glass around just fine in IE, but it
moves rather sluggish and choppy in Firefox 1.5.
Any JavaScript experts have a solution?

Answer 1

Unfortunately... I've also noticed another glitch in the
process of trying to fix this. :-(
I didnt want to use that somewhat lengthy script for fixing
the PNG-alpha problem in IE6, and instead I resorted to using this
smaller script which does the same thing:
<img src="images/spacer.gif" style="height:351px;
width:300px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mag-glass2.png',
sizingMethod='scale')">
Problem is, when its coded like this:
<!--[if lt IE 7] -->
<img src="images/spacer.gif" style="height:351px;
width:300px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mag-glass2.png',
sizingMethod='scale')">
<!--[end if] -->
<!--[if IE 7] -->
<img src="images/mag-glass2.png" height="351" width="300"
alt="" />
<!--[end if] -->
The PNG seems to no longer even render inside of Firefox,
seems like its covered up, or beyond the visible area or something.
http://www.cssdreams.com/sites/searchinfo/homepage.html
But if I reverse the code, like this:
<!--[if IE 7] -->
<img src="images/mag-glass2.png" height="351" width="300"
alt="" />
<!--[end if] -->
<!--[if lt IE 7] -->
<img src="images/spacer.gif" style="height:351px;
width:300px; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mag-glass2.png',
sizingMethod='scale')">
<!--[end if] -->
then IE7 acts like it still suffers from the peekaboo bug,
and half of the page vanishes!!! >:(