I have a css drop down menu list that is fine in safari and firefox but has an overlapping issue in IE6. The 'menuparent' element that activates some javscript on rollover seems to sit under the list item above it??

It can be viewed below.


HTML Code:
<ol  id="primary-nav">
	<li  class="selected">one</li>
      <li><a href="#">two</a></li>
      <li><a href="#">three</a></li>
      <li><a href="#">four</a></li>
      <li><a href="#">five</a></li>
        <ul id="primary-nav">
  			<li class="menuparent"><a  href="#" >about</a></li>
Any ideas?