#nav7, #nav7 ul, #nav7 li {
  margin: 0 0 10px 0;
  padding: 5px 0;
}

#nav7, #nav7 ul {
  background: #003cb2;
  background: linear-gradient(to bottom, #003cb2, #001f5b);
}

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

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

#nav7 li:hover ul { /* подменю будет показано, если курсор наведён на пункт меню с выпадающем списком */
  display: block;
  background: #001f5b;
  padding-top: 4px;
  margin-top: 5px;
}

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

#nav7 ul li {
  display: block;
  text-align: left;
  width: 200px;
  background: #F9DC29;
  margin: 1px 0;
  padding: 0;
}

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

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

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

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

#nav7 ul a {
  padding: 8px 10px;
  color: #000;
  text-shadow: none;
}

#nav7 ul a:hover {
  padding: 8px 10px;
  color: #FFF;
}

#nav7 li:hover {
  background: #208420;
  background: linear-gradient(to bottom, #208420, #004800);
}