How can I also add class to the last list for the second list block in IE?
<p>I have 2 list  and i want to  add a class ="last" to the list item 5 for both.
they seem to work fine on firefox. it add green to both list item 5.</p>

<p>But in IE7  it adds only the first list item 5, not the second</p>

<p>How can I also add class last it to the  second list block as well for IE?</p>

<pre><code>.last { background-color: green; }
</code></pre>

<p>with:</p>

<pre><code>jQuery(document).ready(function() {
  // Add first and last menu item classes
  $('ul.menu li:first-child').addClass('first_item');
  $('#menu &gt; li:last-child').addClass('last');
});
</code></pre>

<p>and:    </p>

<pre><code>&lt;ul id="menu"&gt;
  &lt;li&gt;list item 1&lt;/li&gt;
  &lt;li&gt;list item 2&lt;/li&gt;
  &lt;li&gt;list item 3&lt;/li&gt;
  &lt;li&gt;list item 4&lt;/li&gt;
  &lt;li&gt;list item 5&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;

&lt;ul id="menu"&gt;
  &lt;li&gt;list item 1&lt;/li&gt;
  &lt;li&gt;list item 2&lt;/li&gt;
  &lt;li&gt;list item 3&lt;/li&gt;
  &lt;li&gt;list item 4&lt;/li&gt;
  &lt;li&gt;list item 5&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
</code></pre>
