Css menüde yükseklik sorunu

Bir menü ile uğraşıyorum, herşey güzelken firefox un yaptıgı yamuk beni çıldırtmak üzre:

#menu-ust a {
	display:inline;
    height: 35px;
	color:#F0F0F0;
    padding: 0 22px;
	margin: 0 0px;
	font:bold 13px/32px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-decoration: none;

	background-color:black;
}
#menu-ust a:hover {
    color: #FFFFFF;
    height: 35px;
	background-color:orange;
	background:url(images/arka.jpg) ;
}

Bu style kodu

<div id="menu-ust">
<a href="#" title="">link 1</a>
<a href="#" title="">link 2</a>
</div>

Görebileceğiniz üzre 35 px yüksekliğindeki yatay menünün a:hover özelliği de 35 px, yani üzerine gelindiğinde bozulmayacak şekilde 35 px olan menu yüksekliği korunuyor, siyah zemin rengine sahip menunun ilgili bölümleri turuncuya dönüşüyor, herşey normal internet explorer düzgün bir şekilde görüntülüyor fakat diğer tarayıcılarda sorun var, sadece yazı yüksekliği kadar olanını verilen renge dönüştürüyor.
Belki olur diye resim bile ekledim arkaplana ama o da olmadı,
Burdaki sorun nedir, nasıl çözebilirim.

test ettim ff de ve safaride sorun yok

Yükseklikten bahsediyorum,

Yani 2 ile belirttiğim gibi olması gerekirken ki ie de öyle zaten, 1 ile belirttiğim gibi oluyor firefox ta.
Yükseklik olarak 35 px diye belirtmişim ama istediğim gibi çıkmıyor maalesef.