Draggable: IE8 + SSL + button background image = security warning

When you use jquery ui to drag and drop an element on ie8, with ssl on, and a custom background image in a form submit button, you get a mixed content warning from IE.

The background image is a relative path and loads fine initially, but when you drag and drop it (this triggers an element swap using jquery appendTo method), the dreaded mixed content warning message appears. The strange thing is that many other elements in the draggable have background images, but the warning message only occurs when the submit button with a background image is on the element that is to be moved. This is most likely an IE8 bug, but there has to be a work around that someone can code into this.

I know of a similar mixed content warning bug for ie 8 that occurs when you remove an element that has a background image from the DOM. The workaround was to set the css background-image to none before removing the element from the DOM.

IE...the gift that keeps on giving...