[jQuery] Detectar Navegador

<style type="text/css">
#browser{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:none;
  padding:6px
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   var nav= $.browser;
   var navegador;
   if(nav.webkit){
      navegador = "Google Chrome o Safari";
   }else if(nav.opera){
      navegador = "Opera";
   }else if(nav.mozilla){
      navegador = "Mozilla Firefox";
   }
   
   if(nav.msie){
      $("#browser").fadeIn(2000);
      $("#browser").css({
         "border":"1px solid red",
         "background":"#FBC7C6"
      });
      $("#browser").html('Estas usando Internet explorer, te recomendamos usar <strong><a href="https://www.google.com/chrome/" target="_BLANK">Google Chrome</a></strong> o <strong><a href="http://www.mozilla.org/es-ES/firefox/new/" target="_BLANK">Mozilla Firefox</a></strong>');
   }else{
      $("#browser").fadeIn(2000);
      $("#browser").css({
         "border":"1px solid green",
         "background":"#cdeb8e"
      });
      $("#browser").html("Estas usando " + navegador);
   }
});
</script>
<div id="browser">
</div>
<br />
Aportado por <a href="http://buzzdungeon.es.tl">Buzzdungeon!</a>