#nav, #nav ul {
  list-style: none;
  margin: 0;
  border: 0px solid #000;
  float: left;
  width: 100%;
  padding: 0 8 0 0;
}
#nav li {
  float: left;
  color:#fff;
  position: relative;
  padding:0px;
  padding-right:1px;
}

#nav a {
  font: menu;
  color: #ffcc33;
  text-decoration: none;
  display: block;
  width: 63px;   /* ширина меню */
  padding: 4px 7px;
}

#nav a:hover {
  color: #fff;
  background: #6699ff;

}
#nav li:hover,
#nav li.jshover {
  background: #6655ff;
}

#nav li ul {
  border: 1px solid #000;
  display: none;
  position: absolute;
  padding: 0px;
  width: 130px;  /* ширина подменю */
}
#nav li li a {
  width: 119px;  /* ширина наведения в подменю */
  color: #666666;
  background: #fff;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: inline-block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 138px; /* ширина 2 подменю */
  top: 5px;
  left: 140px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}