[alximik]

Ну... сделал. При этом изображение вообще пропадает.
В Мозилла ничего не меняется и отображается все как надо. Но в ИЕ пункт заключенный в SPAN вообще пропадает. Остальные пункты в ИЕ отображаются так что под кнопкой видна надпись в <a>text</a> и видна часть изображения, которое должно появиться при наведении мыши. При ее наведении изображение меняется, все ок, и надпись под изображением тоже остается.
Ребята, посмотрите, и если кто то может - подскажите как это безобразие исправить. Уже если честно замучился в поисках и пробах, а результата никакого. Пробовал кстати сделать

#nav li a { 
float: left; width: 98px; height: 40px; padding-top: 40px;
overflow: hidden; display:block; background-image: url(img/menu.png); background-repeat: no-repeat;}

При этом в ИЕ все работает отлично, но в Мозилла эти 40 пикселей прибавляются к высоте меню и в итоге и надписи видно и ту картинку которая должна быть при наведении мыши... вообще бардак короче. Очень надеюсь на вашу помощь!

Сейчас сделано так:

<div id="menu" class="png_img">
	<ul id="nav">
		<li id="n-main"><a href="/"><span>main</span></a></li>
		<li id="n-about"><a href="/about/">About</a></li>
		<li id="n-port"><a href="/portfolio/">Portfolio</a></li>
		<li id="n-guest"><a href="/guestbook/">Guestbook</a></li>
		<li id="n-forum"><a href="/forum/">Forum</a></li>
		<li id="n-wip"><a href="/wip/">WIP</a></li>
	</ul>
  </div>

/* Navbar */
#nav { margin: 0; padding: 0; }
#nav li { display: inline; }
#nav li a { 
float: left; width: 98px; height: 0px; padding-top: 40px;
overflow: hidden; display:block; background-image: url(img/menu.png); background-repeat: no-repeat;}
#nav li a span{display:none;}
/* BUTTONS */
#nav li#n-main a { background-position: 0px 0px;}
#nav li#n-about a { background-position: -98px 0; }
#nav li#n-port a { background-position: -196px 0; }
#nav li#n-guest a { background-position: -294px 0; }
#nav li#n-forum a { background-position: -392px 0; }
#nav li#n-wip a { background-position: -490px 0; }

/* OVER STATES */
#nav li#n-main a:hover { background-position: 0px -41px; }
#nav li#n-about a:hover { background-position: -98px -41px; }
#nav li#n-port a:hover { background-position: -196px -41px; }
#nav li#n-guest a:hover { background-position: -294px -41px; }
#nav li#n-forum a:hover { background-position: -392px -41px; }
#nav li#n-wip a:hover { background-position: -490px -41px; }