YUI: DragDrop iFrame

Proxy Element Issue (in Internet Explorer)

If the proxy element has no background-color, then it is considered to the "transparent" by Internet Explorer. Since it is "transparent" then the events pass through it to the iframe below. So creating a "fake" div inside the proxy element and giving it a background-color, then setting it to an opacity of 0, it appears to not be there, however IE still thinks that it is so the events never pass through.

Drag Me!
Over the iFrame

var _dd = null;
function init() {
    _dd = new YAHOO.util.DDProxy('dragMe');
}

YAHOO.util.Event.on(window, 'load', init);

YAHOO.util.DDProxy.prototype.createFrame = function() {
    var self = this;
    var body = document.body;

if (!body || !body.firstChild) {
        setTimeout( function() { self.createFrame(); }, 50 );
        return;
    }

var div = this.getDragEl();

if (!div) {
        div    = document.createElement("div");
        div.id = this.dragElId;
        var s  = div.style;

s.position   = "absolute";
        s.visibility = "hidden";
        s.cursor     = "move";
        s.border     = "2px solid #aaa";
        s.zIndex     = 999;
        s.height     = '25px';
        s.width      = '25px';

var _data = document.createElement('div');
        YAHOO.util.Dom.setStyle(_data, 'height', '100%');
        YAHOO.util.Dom.setStyle(_data, 'width', '100%');
        /**
        * If the proxy element has no background-color, then it is considered to the "transparent" by Internet Explorer.
        * Since it is "transparent" then the events pass through it to the iframe below.
        * So creating a "fake" div inside the proxy element and giving it a background-color, then setting it to an
        * opacity of 0, it appears to not be there, however IE still thinks that it is so the events never pass through.
        */
        YAHOO.util.Dom.setStyle(_data, 'background-color', '#ccc');
        YAHOO.util.Dom.setStyle(_data, 'opacity', '0');
        div.appendChild(_data);

// appendChild can blow up IE if invoked prior to the window load event
        // while rendering a table.  It is possible there are other scenarios 
        // that would cause this to happen as well.
        body.insertBefore(div, body.firstChild);
    }
}