горизонтальная панель навигации… вертикально -выравнивание элемента

У меня сейчас следующий код. Я пытаюсь выровнять второй, третий и четвертый элементы «li» по вертикали -по середине панели навигации. Первое «ли» — это изображение, а второе -четвертое — весь текст.

Вот его скриншот.

http://i49.tinypic.com/bfesl3.png

Я пытался использовать «вертикальное -выравнивание :по середине» и отступы. Обратите внимание, что второй, третий и четвертый элементы «li» выглядят вертикально -выровненными по середине, если просматривать их в Firefox, но не в других браузерах.

Вот код, который у меня есть.

about me
films
contact me







`

Код CSS:

.nav {
    list-style-type:none;
    padding-left:0;
    margin-left:0;
    font-family:DinC;
    padding-bottom:5px;
    background-color: #000000;
    border-radius:5px;
    height:35px;
}

.navlinkimages {
  float:right;
  padding-top:5px;
}

.nav li {
  display:inline;
  vertical-align:middle;
}

ul.nav a:hover {
  color:#FA4B2A;
}

.nav li img {
  vertical-align:middle;
}

ul.nav a{
  text-decoration:none;
  margin-right:27px;
  color:#FFFFFF;
}

Есть ли способ сделать его вертикально -выровненным во всех браузерах?

Спасибо!