Raphaeljs scrolling issue in Safari drawing paths/images

I'm using raphaeljs to create an app allowing people to customize doors. I'm basically separating the sections of the door and using raphaeljs to draw them via a path, then filling this path with the corresponding image.

This is my code that draws the door.

function drawDoor(style, color){
    door = paper.path(door_paths[style].path).translate(105, 93);
    door.attr({ fill: "url(images/door/"+style+"/"+style+"_"+color+".png)", stroke: 0 });
    door.node.setAttribute("class","door");
    door.click(element_click);   
}

This works great in all browsers except Safari. It seems to draw the path fine, but when you scroll the page the image scrolls as though it is fixed to the background, the path act as a mask.

I've recorded a short video to demonstrate this, you can see it on vimeo here http://vimeo.com/24539065

This happens with both pngs and jpg, and I have tried removing my translate from the draw function but no luck. I have also ruled out css issues by removing my stylesheet.

Any sugge开发者_如何转开发stions would be appreciated, thanks.