JQuery to zebra-stripe tables doesn't work in IE8
<p>As my first foray into jQuery, I'm doing a number of things in a webpage generated by PHP. It </p>

<ol>
<li>Highlights items in my Navigation bar in a hover effect</li>
<li>Rounds the corners of certain DIVs and </li>
<li>Loads a DIV called 'postit' from an external file.</li>
<li>It is also meant to zebra-stripe tables with ID='playlist' even if they're in the HTML loaded into the 'postit' DIV.</li>
</ol>

<p>It all works fine in FF 3.6.10, but the zebra-striping doesn't work in IE8. I adopted a technique found by searching SO and tested it in a stand-alone PHP file with only zebra-striping done by jQuery. </p>

<p>It works there but I think there's some kind of conflict going on between the several things I'm asking jQuery to do in the code below. Can anyone suggest what I might be doing wrong?</p>

<p>Here is some relevant code from the PHP file. </p>

<pre><code>&lt;link rel="stylesheet" type="text/css" href="/styles/music.css"&gt;
&lt;script type='text/javascript' src='http://pc-06/jquery-1.5.2.min.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript' src='http://pc-06/jquery.corner.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript'&gt;
    var jsvar = '&lt;?php echo"$af" ?&gt;';
    $(document).ready(function(){
        $('#top').css('background-color','#934').corner('top keep');
        $('#footer').css('background-color','#934').corner('bottom keep');
        $('#nav a').hover(function(){
            $(this).addClass('highlighted');
        }, function(){
            $(this).removeClass('highlighted');
        });
        $('#postit').click(function(){
            $('#postit').animate({
                height: 'toggle'
                },1000, function() {
            });
        });
        $('#postit').load(jsvar).corner('round 10px keep');
        $("#playlist tr:nth-child(odd)").addClass("odd");
    });
&lt;/script&gt;
</code></pre>

<p>I have a large CSS file, the part related to zebra-striping is</p>

<pre><code>#playlist tr:nth-child(odd) td {
    background-color : #ddf;
}

#playlist tr.odd td {
    background-color : #ddf;
}
</code></pre>
