title: getting percent CSS position with jQuery
body: <p>I'm trying to get an element's CSS (top and left) with jQuery:</p>
  
  <pre><code>$(element).css('top');
  </code></pre>
  
  <p>but instead of "12%" like it should be, I get the pixels. <br>
  How do I get the percent?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
  .parWrapper {
      position:absolute;
      top: 40%
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt; 
      &lt;div id="crap" class="parWrapper" style="left:50%"&gt;
      Wrap1   
      &lt;/div&gt;
  
      &lt;div class="parWrapper"&gt;
      Wrap2
      &lt;/div&gt;
  
      &lt;div class="parWrapper"&gt;
      Wrap3   
      &lt;/div&gt;
  
      &lt;div class="parWrapper"&gt;
      Wrap4   
      &lt;/div&gt;
  
      &lt;div class="parWrapper"&gt;
      Wrap5   
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>