Image issue in IE using jQuery

See more:

HTML

jQuery

I am trying to dynamically add images to a web page using jQuery. What I do is look for image tags in the document(I am using SVG) and then read certain atributes from them, then create a div with the html image in it. Here is my code:

$(document).ready(function () {
    $('image').each(function () {
        var src = $(this).attr('xlink:href');
        var width = $(this).attr('width');
        var height = $(this).attr('height')
        var x = $(this).attr('fdtactualx');
        var y = $(this).attr('fdtactualy');
        $('#text').append('<div style="position: absolute; top:' + y + 'px; left:' + x + 'px;"><img src="' + src + '" height="' + height + 'px" width="' + width + 'px" border="0" /></div>');
    });
});

This works fine in Chrome, but the output in IE is the following:

<div style="removed: absolute;"/>

If someone knows why it wont load an image, please do help.

Thanks,
-Dom