why can't jQuery accurately query top style from inline css?
<p>I'm trying to select based on a css attribute (in my case <code>top</code>).</p>

<p>HTML:</p>

<pre><code>&lt;i style="top:1px;"&gt;1px&lt;/i&gt;&lt;br/&gt;
</code></pre>

<p>JS:</p>

<pre><code>$('i').each(function() {
    var top = $(this).css('top');
    console.log('top = '+top);
    if(top == '1px') j(this).css('border','1px solid green');
});
</code></pre>

<p>But this doesn't work. Top has the value 'auto'.  Fiddle: <a href="http://jsfiddle.net/forgetcolor/qUjWq/" rel="nofollow">http://jsfiddle.net/forgetcolor/qUjWq/</a></p>

<p>I'm guessing this has something to do with computed styles (?) but am not sure. What's up with this, and is there a way to distinguish tags based on style? (In my app I don't have control over the HTML that was written so changing it is not an option).</p>
