jQuery and last-child not working in IE8
<p>I'm tearing my hair out over this one - its driving me mad because it should be so simple.</p>

<p>In my site i use <code>:last-child</code> to remove the <code>border-bottom</code> from the last element of a twitter feed:</p>

<pre><code>ul#twitter li:last-child {
    border: none;
}
</code></pre>

<p>This works fine in Firefox / Chrome, but not IE8 which doesn't support last-child. So, i turned to jQUery and put this in my <code>&lt;head&gt;</code></p>

<pre><code>&lt;!--[if IE 8]&gt;
    &lt;script type="text/javascript"&gt;
        $(document).ready(function(){  
            $('ul#twitter li:last-child').css('border','none !important');
        });
    &lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>

<p>This has no effect? Ive tried using an external file, making it not IE8 specific, with and without document ready... Ive also tried tested the selector in Firebug to make sure my jQuery is correct and it all works? Any ideas?</p>

<p><a href="http://bit.ly/tG5F34" rel="nofollow">The site is here</a></p>

<p>Thank you for your help</p>
