hi, .. by using this snippet, everything works great in Firefox - you can move the mouse everywhere inside the red DIV border, and get out .. the fading effect always works correctly.
but, in IE 6/7, .hover only seems to act when the mouse is AT the red border; well, if you set a background-color to #test, or, a background-image (like a transparent GIF), it also works ... but, when setting a transparent GIF, IE 6 flickers ... like, swichtes between default cursor and hour glass during the fading process ... also, can't set background-color, because the (original) site itself has a background- image ... so, the DIV must remain transparent at all. any solutions? please, have a look at this.. ... div#test{position:absolute;top:100px;left:100px;height:300px;width: 300px;border:1px solid #f00;} ... $(function(){ $('#test').fadeTo(0,0.25); $('#test').hover( function(){$(this).fadeTo('slow',1);}, function(){$(this).fadeTo('slow',0.25);} ); }); ... <div id="test">...</div> love, -bnlps