title: jQuery .css('right') not working
body: <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>