Chrome issue with sharepoint navigation - Browser selection

Add the following to the masterpage:

<script type="text/javascript">
$(document).ready(function() {

var userAgent = navigator.userAgent.toLowerCase();
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());   // Is this a version of Chrome?
if($.browser.chrome){
 $(".Fanr-tn ul.dynamic").hide();
 $(".Fanr-tn li.static").hover(
        function ()
        {
          var leftv = $(this).css("left");
          var rightv = $(this).css("right");
          $(this).children("ul.dynamic").show();
          $(this).children("ul.dynamic").removeClass("hide-sub-menu");
          $(this).children("ul.dynamic").css("left",leftv);
        //  $(this).children("ul.dynamic").css("left",rightv+20);
          $(this).children("ul.dynamic").addClass("show-sub-menu")
         
        },
       
        function ()
        {
         // $(this).children("ul.dynamic").show();
          $(this).children("ul.dynamic").removeClass("show-sub-menu");
          $(this).children("ul.dynamic").addClass("hide-sub-menu")
        }
        );//hover
       
       
        $(".Fanr-tn ul.dynamic li.dynamic-children").hover(
        function ()
        {
          var leftv = $(this).css("left");
          var topv = $(this).css("top");
          $(this).children("ul.dynamic").show();
          $(this).children("ul.dynamic").removeClass("hide-sub-menu");
          $(this).children("ul.dynamic").css("left",leftv);
        //  $(this).children("ul.dynamic").css("top","-=1");
        //  $(this).children("ul.dynamic").css("left",rightv+20);
          $(this).children("ul.dynamic").addClass("show-sub-sub-menu")
         
        },
       
        function ()
        {
         // $(this).children("ul.dynamic").show();
          $(this).children("ul.dynamic").removeClass("show-sub-sub-menu");
          $(this).children("ul.dynamic").addClass("hide-sub-menu")
        }
        );//hover

}
       
});// document ready
</script>