Problema con eedimension de imagenes en IE usando jquery

[LOD_Fredy]

Hola a todos, como parte del mismo sistema que estoy haciendo requiero que las imagenes se puedan redimensionar de forma que si son superiores a cierta resolucion 990x560 se reduzcan ya sea del ancho a 990px o del alto a 560px, este codigo ya lo tengo y funciona bien en firefox, sine embargo, necesito que tambien funcione en IE.

Este es mi codigo:

Código Javascript:

<script>
    $(document).ready(function(){
        $("#imagen").load(function(){
        var ancho= $("#imagen").width();
        var alto= $("#imagen").height();
        if(ancho>990 && ancho>alto)
            $("#imagen").attr("width","990px");
        else if(ancho>990 && ancho<alto)
            $("#imagen").attr("height","560px");
            else
                if(alto>560 && ancho<alto)
                    $("#imagen").attr("height","560px");
                else
                    if(alto>560 && ancho>alto)
                    $("#imagen").attr("width","990px");
        if(ancho>990 || alto>560 && ancho==alto)
            $("#imagen").attr("height","560px");
        })          
    })  
</script>
 

Ojala me ayuden a hacerlo funcionar cuando menos en ie y firefox.