Hi,

Ive recently been working on a new site at http://www.jonathanwallace.co.uk/

The site uses a jQuery script to scroll from one section to the next - it works 100% fine in safari and chrome, but for some reason doesn't work in firefox or opera - im pretty sure it doesn't work in IE either :/

The script is shown below:

Code:
$(document).ready(function() {
  $('.navhome').mouseenter(function () {
    $(this).css('color', '#000');
    $('header img').css('opacity', '1');
  });
  $('.navhome').mouseleave(function() {
    $(this).css('color', '#999');
    $('header img').css('opacity', '0.5');
  });
  $('header img').mouseenter(function () {
    $('.navhome').css('color', '#000');
  });
  $('header img').mouseleave(function() {
    $('.navhome').css('color', '#999');
  });
  $('.navhome').click(function() {
    $("body").animate({ scrollTop: $("#about").position().top }, 'slow');
  });
  $('.navfeatured').click(function() {
    $("body").animate({ scrollTop: $("#featured").position().top }, 'slow');
  });
  
  $('#navblog').click(function() {
    $("body").animate({ scrollTop: $("#blog").position().top }, 'slow');
  });
  
  $('.navcontact').click(function() {
    $("body").animate({ scrollTop: $("#contact").position().top }, 'slow');
  });
  
  $('.top').click(function() {
    $("body").animate({ scrollTop: $("#home").position().top }, 'slow');
  });
});
Does anyone know what might be stopping this from working in the mentioned browsers?

Thanks