Jquery Rotate IE6 Issue

Currently I am using jquery rotate plugin to rotate a image on the page, everything works fine in all browsers on my side. The problem is that our qa dept. is looking at their ie6 vm and they are not seeing the image that is rotated on the page(actually they see the image for a split second and then it dissapears. The main difference between our vm's is that they are using ie6 6.0.290 and i am using 2.0.260. I am just trying to find out from someone if they might see a problem with my code or maybe make a s开发者_StackOverflow社区uggestion. Here is my jquery:

$(window).load(function () {
    $('#main-image img').rotate(90);
    $('#main-image .rvml').css({ 'margin': '-65px 0 0 -105px' });

    if ($('.ie6, .ie7').length) {
        $('#main-image .photo').css({ 'overflow': 'hidden', 'height': '240px' });
        $('#main-image .rvml').css('position', 'relative');
    }

    if ($('.ie6, .ie7, .ie8').length) {
        $('#main-image img').css('visibility', 'visible');
    } else {
        $('#main-image img').fadeIn('fast');
    }
});

Also here is the plugin i have been using: http://code.google.com/p/jqueryrotate/

---

Since you're rotating the image by 90 degrees, you can use the DXImageTransform.Microsoft.BasicImage rotation property.

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx

#main-image img { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }