Hi all, Just a quick FYI to anyone who may have this problem, as I was writing a question and then solved it myself. The prob:
I have a draggable div that uses a dropshadow as follows: <script src="http://demo.script.aculo.us/scripts/prototype.js"; type="text/javascript"></script> <script src="http://demo.script.aculo.us/scripts/effects.js"; type="text/javascript"></script> <script src="http://demo.script.aculo.us/scripts/dragdrop.js"; type="text/javascript"></script> <script src="http://demo.script.aculo.us/scripts/controls.js"; type="text/javascript"></script> <style type="text/css"> <!-- #innerDiv { cursor:move; } .dropShadow { padding-right:2px; background:url(http://www.abomb.co.uk/images/bgr_drop_right_trans.gif) no-repeat right top; } .dropShadowBottom { width:100%; height:2px; background:url(http://www.abomb.co.uk/images/bgr_drop_bottom_trans.gif) no-repeat left bottom; margin-bottom:-2px; position:relative; } --> </style> <div id="dragMe" class="dropShadow" style="position: absolute; width: 165px; left: 28px; top: 28px; z-index: 100;"> <div id="innerDiv"> Hello drag me about </div> <div class="dropShadowBottom"></div> </div> <script type="text/javascript">new Draggable('dragMe')</script> Everything is great in Firefox, but in IE the background image re-loads on drag. Even if you set "Check for newer version of stored pages" to "Never" the mouse pointer constantly shows re-loading. The workaround is to make sure that the element which is draggable doesn't have the background image - set the background image to a child div instead: <div id="dragMe" style="position: absolute; width: 165px; left: 28px; top: 28px; z-index: 100;"> <div class="dropShadow"> <div id="innerDiv"> Hello drag me about </div> <div class="dropShadowBottom"></div> </div> </div> Hope this helps someone. Leon _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs@lists.rubyonrails.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
