Проблема с Меню в Wordpress

Добрый день! Подскажите пожалуйста "добрые гении") Сделал недавно горизонтальное меню на сайте http://www.planetsecret.ru, отредактировал, оптимизировал всё нормально. Проблема в следующем: На моём пк и ноутбуке отображается отлично, а пришел к другу, зашёл на сайт, а меню съезжает примерно на 5px вниз (монитор у него на 21 дюйм). В чём проблема?

Вот css меню

/* Menu */



#catnav {

  margin: 23px 0 0 1px;

  padding: 0;

  clear: both;

  height: 42px;

  width: 870px;

  -moz-border-radius: 8px;

   -khtml-border-radius: 8px;

   -webkit-border-radius: 8px;

   background: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#040404));

   background: -moz-linear-gradient(top,  #121212,  #040404);

   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#121212', endColorstr='#040404');

   border: 1px solid #090909;

   list-style: none;

   float: left;

  }



#nav {

  list-style: none;

  margin: 0;

  padding: 0;

  }

	

#nav ul {

  margin: 0;

  padding: 0;

  }



#nav li {

  float: left;

  margin: -1px -1px -1px 0;

  padding: 0;

  border-right: 1px solid #121212;

  }



#nav a {

  display: block;

  line-height: 44px;

  margin: 0;

  padding: 0 20px 0 15px;

  font-size: 10pt;

  font-weight: 200;

  color: #fff;

  letter-spacing: 0;

  border-right: 1px solid #000;

  }

  #nav li.first a {

   -moz-border-radius: 8px 0 0 8px;

   -khtml-border-radius: 8px 0 0 8px;

   -webkit-border-radius: 8px 0 0 8px;

   }

   

#nav li a:hover {

  text-decoration: none;

  display: block;

  background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#080808));

   background: -moz-linear-gradient(top,  #202020,  #080808);

   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#080808');

   

  }



#nav li ul {

  list-style: none;

  position: absolute;

  width: 150px;

  left: -999em;

  }



#nav li:hover ul, #nav li.sfhover ul {

  left: auto;

  }

	

#nav li li {

  float: left;

  margin: 0;

  padding: 0;

  width: 150px;

  }

	

#nav li li a {

  width: 150px;

  height: 24px;

  line-height: 24px;

  color: #fff;

  border-top: 1px solid #131f27;

  background: #040404;

  margin: 0;

  padding: 5px 20px 5px 15px;

  }

	

#nav li li a:hover {

  border-top: 1px solid #131f27;

  background: #000;

  padding: 5px 20px 5px 15px;

  }



#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */

  position: static;

  }