Друзья, никак не найду решение проблемы, рисую элементы дизайна и тут же их прикручиваю, в ходе верстки наткнулся на проблему с расположением изображения. Итак, есть изображение, которое делаем фоновым для ссылок «блоги, люди, о проекте и т.д.», в css прописываем:

#header .nav-main {	position:absolute; left:500px; top:75px; background: url(../images/navmainbg.png) no-repeat; width:350px; height:44px; }
#header .nav-main li { float: left; font-size: 15px; padding-top: 12px;	padding-left:11px; margin-right: 12px; text-align:center; }

В firefox всё отлично:

В ie текст съехал в низ:

Проблема заключается в

#header .nav-main li { float: left; font-size: 15px; padding-top:12px;	padding-left:11px; margin-right: 12px; text-align:center; }

, а именно

padding-top:12px;

, но как решить, ума не приложу.
Выручайте, как поправить? Заранее благодарю.