My goal is to set the background-image
CSS property to encoded data URI content, as demonstrated in this fiddle.
Everything runs smoothly in all browsers I've tested, except for IE 9/10. For some reason, IE 9/10 doesn't display the contents.
However, in another example, the data URI contents are initially created in Chrome (using Raphaël) and then utilized in the example, and this works in IE 9/10.
When the SVG is created in IE itself (as in the first Raphaël fiddle) and used as a background-image
data, it isn't displayed.
Where is the issue in IE? Could it be related to my code, or is something going wrong with the Raphaël SVG painting?