Problem with .click in IE and Safari

Problem with .click in IE and Safari

Hey there!

I tried to make a Navigationbar with jQuery. At Firefox it works perfectly, but at IE an Safari I don't get any reaction.

Here the HTML:
  1. <div style="float:left">
        <img src="navigate.png" width="184" height="32" class="menu_head" id="menu_head1" />
        <ul class="menu_body" id="menu1">
          <li><a href="#">About Us</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Clients</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Support Forums</a></li>
          <li><a href="#">Gallery</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
    </div>

    <div style="float:left">
        <img src="navigate.png" width="184" height="32" class="menu_head" id="menu_head2" />
        <ul class="menu_body" id="menu2">
          <li><a href="#">About Us</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Clients</a></li>
          <li><a href="#">Blog</a></li>
        </ul>
    </div>




















Here's the jQuery:
  1. $(document).ready(function () {
    $("ul.menu_body li:even").addClass("alt");

    //Menu1
    $("#menu_head1").click(function () {
    $("#menu1").slideToggle('medium');
    if(document.getElementById("menu2").style.display == "block"){
        $("#menu2").slideToggle('medium');
    }
    });

    //Menu2
    $("#menu_head2").click(function () {
    $("#menu2").slideToggle('medium');
    if(document.getElementById("menu1").style.display == "block"){
        $("#menu1").slideToggle('medium');
    }
    });
















Here you can reach the site:
http://jackloosen.com/navi.html

Does anybody know what's wrong?
Is it a problem with jQuery or with the browser?