FireFox ta çalışan ama IE de çalışmayan, image Replacement teknikli menü

[Kirkk]

Css kodları

#menu { position:relative; width:200px; top:0; height:202px; background:white url(images/menu.jpg) top no-repeat}
#menu a {position:absolute; top:0px; left:0; text-indent:-9999px; text-decoration:none;  }

#anasayfa a { top:0px;  width:200px; height:25px; }                        
#sirket a { top:25px;  width: 200px; height:25px;   }
#uretim a { top:50px;  width: 200px; height:25px;  }
#bayilerimiz a { top:75px;  width:200px; height:25px; }
#faydali a { top:100px;  width:200px; height:25px; }
#iletisim a {top:125px; width:200px; height:25px; }

#anasayfa a:hover {background: url(images/menu.jpg) 0 -202px no-repeat; width:200px; height:25px;}
#sirket a:hover { background: url(images/menu.jpg) 0 -227px no-repeat; width:200px; height:25px;  }
#uretim a:hover { background: url(images/menu.jpg) 0 -252px no-repeat; width:200px; height:25px; }
#bayilerimiz a:hover { background: url(images/menu.jpg) 0 -277px no-repeat; width:200px; height:25px;}
#faydali a:hover { background: url(images/menu.jpg) 0 -302px no-repeat; width:200px; height:25px; }
#iletisim a:hover {background: url(images/menu.jpg) 0 -327px no-repeat; width:200px; height:25px; }

Buda sayfa içi kullanımım...

<ul id="menu">
					<li id="anasayfa"><a href="#1"  title="AnaSayfa">Ana Sayfa</a></li>
					<li id="sirket"><a href="#2"  title="ŞirketProfili">Şirket Profili</a></li>
					<li id="uretim"><a href="#3"  title="Üretim">Üretim</a></li>
					<li id="bayilerimiz"><a href="#4"  title="Bayilerimiz">Bayilerimiz</a></li>
					<li id="faydali"><a href="#5" title="Faydalı Bilgiler">Faydalı Bilgiler</a></li>
					<li id="iletisim"><a href="#6"  title="İletişim">İletişim</a></li>	
				</ul>

Sorun şu; FireFox gayet düzgün çalışırken IE da sadece son iki menü öğesini görüyor, pixel hesaplamasıyla ilgili birşey ama baktığımda bir mantık hatası göremiyorum.
Bilgisi olan arkadaşlar yardım ederlerse sevinirim,
Teşekkürler