Проблема с позиционированием в IE и Opera.

Есть горизонтальное меню, в котором 2 кнопка при наведении открывает выпадающие меню. С правой стороны во 2 кнопке есть стрелочка. В Opera и IE она смещена вниз.


nav {
  float: right;
  width: auto;
  height: 75px;
  font-style: italic;
}
nav ul li a {
  display: block;
  width: auto;
  line-height: 74px;
  padding: 0 15px;
  position: relative;
}
nav ul li a:hover {
  background: #7acd33;
}
nav ul ul {
  display: none;
}
nav ul li:hover > ul {
  display: block;
}
nav ul li ul li {
  clear: both;
}
nav ul li ul li a {
  border-top: solid 1px #52514e;
  border-bottom: solid 1px #1d1c1a;
  display: block;
  background: #2f2e2c;
  line-height: 30px;
  font-size: 14px;
  z-index: 2;
  padding: 0 10px;
}
nav ul li a:nth-last-child(2):after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  margin: 27px 0 0 10px;
  background: url(../images/bottom.png);
}


Как это исправить?

1 ответов