[jQuery] Function now working in safari

[Jacques Choquette - WhistlerGraphicDesign.com]

Can somebody see if if I am doing something wrong here?

here is my html

  <div class="box JQorangeHighlight JQEqualHeightsA">
          <h3><a href="#">Volunteer Opportunities</a></h3>
          <p>Become a Games Time Information Host and welcome the
world home to Whistler.</p>
</div>

and here is a function that I run once the document is loaded

$(".JQorangeHighlight").hover(
        function() {$(this).animate({ backgroundColor: "orange" }, 500) },
        function() {$(this).animate({ backgroundColor: "eggshell" }, 500)
});

This does now work in safari works in firefox and IE but no safari -
however I can get the Jquery color plugin to work ins safari with the
following code

$(".JQorangeHighlight").hover(
        function() {$(this).children("p").animate({ color: "orange" },
400) },
        function() {$(this).children("p").animate({ color: "grey" }, 500)
});