jQuery .css('right') not working
<p>I am making a simple game in jQuery. I am having trouble turning the spider image to north east. I have it working fine with north west but for some reason north east does not seem to be working. Here is my init code:</p>

<pre><code>// JavaScript Document
function init(){

    angel = $('&lt;img class="spider"&gt;').attr({
        'src': 'img/spider.png'
    }).css({
        width: "125px",
        height: "125px;",
        'position': 'absolute',
        top: -10,
        left: -10
    });

    //append it to body
    $(document.body).append(angel);

    //start dreaming
    do_dream();
} 
</code></pre>

<p>Here is my part of the code that is responsible for turning it north east or north west. Like I said earlier, north west seems to work perfectly fine but when the same code is used for turning it north east, it does not work. </p>

<pre><code>// turn north west
     if (parseInt(dream.css('top')) &lt; parseInt(angel.css('top')) &amp;&amp; parseInt(dream.css('left')) &lt; parseInt(angel.css('left'))) { 
         $('.spider').attr('src', 'img/spider_nw.png'); 
     }

    // turn north east
     if (parseInt(dream.css('top')) &lt; parseInt(angel.css('top')) &amp;&amp; parseInt(dream.css('right')) &lt; parseInt(angel.css('right'))) { 
         $('.spider').attr('src', 'img/spider_ne.png'); 
     }
</code></pre>
