#nav3, #nav3 ul, #nav3 li {
  margin: 0;
  padding: 3px 0;
}

#nav3, #nav3 ul {
  background: #003cb2;
  background: linear-gradient(to bottom, #003cb2, #001f5b);
  margin-bottom: 10px;   
}

#nav3 { /* подменю перемещается относительно меню */
  position: relative;
  display: table;
  width: 100%;
}

#nav3 ul { /* подменю находится вне потока */
  position: absolute;
  z-index: 5;
  display: none;
}

#nav3 li:hover ul { /* подменю будет показано, если курсор наведён на пункт меню с выпадающем списком */
  display: block;
}

#nav3 li {
  display: table-cell;
  text-align: center;
  width: 11.111111%; /* 9 пунктов меню, то есть 100%/9 */
}

#nav3 ul li {
  display: block;
  text-align: left;
  width: 200px;
  background: #F9DC29;
}

#nav3 .right { /* последнее подменю будет расширяться справа налево */
  direction: rtl;
}

#nav3 .right ul { /* для IE, решение найдено случайно, где связь ??? */
  right: 0;
}

#nav3 .right li { /* последнее подменю будет расширяться справа налево, но не пункты последнего подменю */
  direction: ltr;
}

#nav3 a {
  display: block;
  padding: 0;
  margin: 0 5px 5px 5px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  text-shadow: 1px 1px 3px #000;
  text-decoration: none;
  font-size: 13px;
}

#nav3 ul a {
  padding: 3px 10px;
  color: #000;
  font-size: 13px;
  text-shadow: none;
}

#nav3 ul a:hover {
  padding: 3px 10px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
}

#nav3 li:hover {
   background: #003cb2;
   background: linear-gradient(to top, #003cb2, #001f5b);
}  

#nav3 li.current {
   background: #E34437;
   background: linear-gradient(to top, #E34437, #921d14);
}