Hi,
I've made an Accordion menu. Everything works fine in firefox but when i try to look at the menu with IE it won't work like its supposed to. the menu doesn't open like it should it just stays stationary. Can someone please look at my code and tell me what i have done wrong? i have looked at this code for a while now and am just at a loss. I have the style sheet linked in the file i just posted it this way so everyone could see it.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen"/>
<title>Accordion Menu Using jQuery</title>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function()
{
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
{
$(this) .next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

});
//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
{
$(this) .next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
});
});
</script>

</head>
<body>
<div style="float:left" > <!--This is the first division of left-->
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<p class="menu_head">Incense & Candles</p>
<div class="menu_body">
<a href="#">Stick Incense</a>
<a href="#">Cone Incense</a>
<a href="#">Resin Incense</a>
<a href="#">diffuser Oil</a>
<a href="#">Spray Scent</a>
<a href="#">Candles</a>
</div>
<p class="menu_head">Herbs</p>
<div class="menu_body">
<a href="#">Bulk</a>
<a href="#">Resin</a>
<a href="#">Sage & Sweetgrass</a>
</div>
<p class="menu_head">Bath & Body</p>
<div class="menu_body">
<a href="#">Body Oils</a>
<a href="#">Massage Oils</a>
<a href="#">Bath Salts</a>
<a href="#">Soaps</a>
<a href="#">Lotions</a>
<a href="#">Shampoos</a>
</div>
<p class="menu_head">Jewelry</p>
<div class="menu_body">
<a href="#">Rings</a>
<a href="#">Pendants</a>
<a href="#">Necklaces</a>
<a href="#">Necklace/Earring Set</a>
<a href="#">Earrings</a>
<a href="#">Bracelets</a>
<a href="#">Body Jewelry</a>
</div>
<p class="menu_head">Media</p>
<div class="menu_body">
<a href="#">Books</a>
<a href="#">Calendars</a>
<a href="#">Music</a>
<a href="#">Computer Materials</a>
<a href="#">Writing Materials</a>
<a href="#">Cards</a>
</div>
<p class="menu_head">Clothing & Fabrics</p>
<div class="menu_body">
<a href="#">Cloaks</a>
<a href="#">Hats & Caps</a>
<a href="#">Womens</a>
<a href="#">Mens</a>
<a href="#">Unisex</a>
<a href="#">Tapestries</a>
</div>

</div> <!--Code for menu ends here-->
</div> <!--end of last menu head div-->
</div><!--end of last menu body div-->

</body>
</html>