explorer ile frefox arasındaki css menü farkı

merhaba arkadaşlar

tab menü için kullandığım css kodlarım var
bu kodlar firefox da sorunsuz çalışırken explorer da gözükmüyor

<style>

ul#sitil { 
text-align: left; 
margin: 1em 0 1em 0; 
font: bold 11px verdana, arial, sans-serif; 
border-bottom: 1px solid #5641B4; 
list-style-type: none;
padding: 3px 10px 3px 10px; 
}

ul#sitil li { 
display: inline;
}

ul#sitil li a { 
padding: 3px 4px; 
border: 1px solid #5641B4; 
background-color: #5641B4; 
color: #fff; 
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}

ul#sitil li a:hover { 
background: #fff; 
color: #000; 
}

ul#sitil li a.selected {
background: #fff; 
color: #000;
}

</style>

anneyim.org sitesinin sağ tarafındaki çok okunanlar ve son eklenenler bloğundaki tab menü için kullanılan kodlardır. Firefox da özükdüğü gibi internet explorer da gözükmesi için ne yapabilirim.

şimdiden teşekkür ederim.

Hocam int. explorer 6.0 sürümüyle baktığım halde hiçbir sorun göremedim.Gayet düzgün çalışıyor.Firefoxda'da öyle.Sen i.e'nin hangi sürümüyle bakıyorsun ?

her iki sürümlede baktım.
mausu tab menü üzerindeki linklerin üzerinde getirince daha iyi anlarsınız demek istediğimi.
Çok okunanlar ve son eklenenler bloğu

Evet hocam şimdi fark ettim onu..Genel bir internet explorer 6.0 problemi.Css'de yazılan a:hover komutunu tanımıyor..Kodlarına bir göz atayım hocam neler yapabiliriz bakalım.

Hocam şimdi öncelikle tab menü'nü kapsayan sitil isimli id div'ini iptal et.Onun yerine açtığın ana UL'a bir sınıf atayacağız ve o şekilde style dosyasını yapılandıracağız.Zannediyorum problem düzelecektir.Şuan ben localhost'ta çalışıyorum i.e ve firefox'ta problemsiz çalışıyor.

Tab menü'nün html kodlarını aşağıdakine göre yapılandır.Bu menüyü kapsayan sitil div'ini iptal et.

<ul class="menu">
		<li><a href="#" title="Ana sayfa">Ana sayfa</a></li>
		<li><a href="#" title="Forum">Forum</a></li>
		<li><a href="#" title="Biz kimiz ?">Hakkımızda</a></li>
		<li><a href="#" title="Hizmetlerimiz">Hizmetlerimiz</a></li>
		<li><a href="#" title="İletişim kurun">İletişim</a></li>
	</ul>

Style dosyasındaki menü için gerekli olan kodları da aşağıdakilerle değiştir.

ul.menu{ 
text-align: left; 
margin: 1em 0 1em 0; 
font: bold 11px verdana, arial, sans-serif; 
border-bottom: 1px solid #5641B4; 
list-style-type: none;
padding: 3px 10px 3px 10px; 
}
ul.menu li { 
display: inline;
}
ul.menu li a { 
padding: 3px 4px; 
border: 1px solid #5641B4; 
background-color: #5641B4; 
color: #fff; 
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}
ul.menu li a:hover { 
background: #fff; 
color: #000; 
}
ul li a.selected {
background: #fff; 
color: #000;
}

Problemin ; Menüyü kapsayan id div'in i.e tarafından desteklenmiyor.Onun yerine ul'a bir sınıf atayıp, yapılandırdık.

Umarım sorunun düzelir..Kolay gelsin.

Şimdi fark ettim bu şekilde çalışıyor her iki tarayıcıda da lakin siz bunu ajax tab menu ile bütünleştirdiğinizde yine çalışmayacaktır.Bunun sebebi ise ajax tab menü ile

a href

oluşmamaktadır.Eğer html kodlarınızda tab menü kodlarında

<a style='cursor:pointer;'

olan kısımda style'dan önce href="#" yaparsanız internet explorerda da firefoxda da linklerin görüntü problemi çözülüyor ancak o zamanda ajax tab menü verimli çalışamaz.Konuyla ilgileniyorum çözebilirsem tekrar yazacağım..

Kolay gelsin.

tam çözdüğümüzü düşünürken ajax tab menüye takıldık öylemi

çok teşekkür ederim ilgin için

Rica ederim hocam lakin keşke halledebilseydik..Size kolay gelsin.

henüz bir çözüm bulamadım
fikri olan var mı?