ie and jquery slideup

[peck3277]

Hi guys,

Just wondering if anyone can help me with some IE/JQuery issues.

I have created a drop menu using the below code. It works in opera, safari, chrome and firefox. I have tested it in ie7 but the menu appears to the right(probably a css issue) and when it slides down it no longer slides backup.

HTML

<div class="menu">
	<ul>
		<li class="current_page_item"><a href="http://www.newcastlewestrfc.ie/" title="Home">Home</a></li>
		<li class="page_item page-item-47"><a href="http://www.newcastlewestrfc.ie/news/" title="News">News</a>
			<ul class='children'>
				<li class="page_item page-item-453"><a href="http://www.newcastlewestrfc.ie/news/latest-news/" title="Latest News">Latest News</a></li>
				<li class="page_item page-item-455"><a href="http://www.newcastlewestrfc.ie/news/current-news/" title="Current Notices">Current Notices</a></li>
				<li class="page_item page-item-457"><a href="http://www.newcastlewestrfc.ie/news/archived-news/" title="Archived News">Archived News</a></li>
			</ul>
		</li>
		<li class="page_item page-item-23"><a href="http://www.newcastlewestrfc.ie/teams/" title="Teams">Teams</a></li>
		<li class="page_item page-item-76"><a href="http://www.newcastlewestrfc.ie/club-info/" title="Club Info">Club Info</a>
			<ul class='children'>
				<li class="page_item page-item-439"><a href="http://www.newcastlewestrfc.ie/club-info/facts/" title="Facts">Facts</a></li>
				<li class="page_item page-item-442"><a href="http://www.newcastlewestrfc.ie/club-info/club-officers/" title="Club Officers">Club Officers</a></li>
				<li class="page_item page-item-444"><a href="http://www.newcastlewestrfc.ie/club-info/grounds/" title="Grounds">Grounds</a></li>
				<li class="page_item page-item-446"><a href="http://www.newcastlewestrfc.ie/club-info/representatives/" title="Representatives">Representatives</a></li>
				<li class="page_item page-item-449"><a href="http://www.newcastlewestrfc.ie/club-info/achievements/" title="Achievements">Achievements</a></li>
				<li class="page_item page-item-451"><a href="http://www.newcastlewestrfc.ie/club-info/presidents-captains/" title="Presidents / Captains">Presidents / Captains</a></li>
			</ul>
		</li>
		<li class="page_item page-item-26"><a href="http://www.newcastlewestrfc.ie/membership/" title="Members">Members</a></li>
		<li class="page_item page-item-2"><a href="http://www.newcastlewestrfc.ie/history/" title="History">History</a>
			<ul class='children'>
				<li class="page_item page-item-405"><a href="http://www.newcastlewestrfc.ie/history/1920s/" title="1920's">1920's</a></li>
				<li class="page_item page-item-408"><a href="http://www.newcastlewestrfc.ie/history/1930s/" title="1930's">1930's</a></li>
				<li class="page_item page-item-410"><a href="http://www.newcastlewestrfc.ie/history/1940s/" title="1940's">1940's</a></li>
				<li class="page_item page-item-412"><a href="http://www.newcastlewestrfc.ie/history/1950s/" title="1950's">1950's</a></li>
				<li class="page_item page-item-414"><a href="http://www.newcastlewestrfc.ie/history/1960s/" title="1960's">1960's</a></li>
				<li class="page_item page-item-416"><a href="http://www.newcastlewestrfc.ie/history/1970s/" title="1970's">1970's</a></li>
				<li class="page_item page-item-418"><a href="http://www.newcastlewestrfc.ie/history/1980s/" title="1980's">1980's</a></li>
			</ul>
		</li>
		<li class="page_item page-item-85"><a href="http://www.newcastlewestrfc.ie/photos/" title="Photos">Photos</a></li>
		<li class="page_item page-item-393"><a href="http://www.newcastlewestrfc.ie/shop/" title="Shop">Shop</a></li>
		<li class="page_item page-item-81"><a href="http://www.newcastlewestrfc.ie/lotto/" title="Lotto">Lotto</a></li>
		<li class="page_item page-item-87"><a href="http://www.newcastlewestrfc.ie/contact/" title="Contact">Contact</a></li>
	</ul>
</div>

CSS(I think this is all the relevant bits)

#menu li{
	position:relative;
	display:block;
	float:left;
}

/*sub navigation*/
.children{
	display:none;
	z-index:1;
	position:absolute;
	float:none;
	background-color:#0b0b0f;
	width:200px;
	zoom:1;
	*margin-top:26px;
}

.children li{
	clear:both;
	float:none;
	top:0px;
	padding-right:20px;
}

JS

$(document).ready(function () { 
     
    $('#menu li').hover(
        function () {
            //show its submenu
            $('ul', this).slideDown(300);
 
        }, 
        function () {
            //hide its submenu
            $('ul', this).slideUp(300);         
        }
    );
     
});

The problems can be seen at www.newcastlewestrfc.ie. The news, club info and history have dropmenus. Any help or suggestions would be greatly appreciated!