buyur dostum ben bu yöntemi kullanıyorum en kısa şekilde hallediyorum işlerimi..

<!-----------------  BU CSS BROSWER SECICI ----------------------------->

	<script type="text/javascript" charset="utf-8"> 
	
		function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);
		</script> 
	

<!-----------------  BU CSS BROSWER SECICI ----------------------------->

üstteki kod browser seçiçi. istersen broswerın versiyonuna kadar belirleyebilirsin.. bunu head ın içine ekle sonrada..

css kısmına istediğin ( bozuk olan ) css değişkeninin başına .gecko # yada .değişken adı şekilde yazıp istediğin değişikliği yapabilirsin..

buyur burdanda her tarayıcının kodunu ve kullanılış şekilini örneklerinifalan görebilirsin..

http://rafael.adm.br/css_browser_selector/



ayrıca verdiğin bilgilere göz attım sorun ile verdiğin kadar alakalı değil.. bilgiler mavi alanın içi ile ilgili.. ( yanlış anlamadıysam sorun liste halindeki mavi alanı alt tarafa getirmek )


benim kullandığım yöntem bu tarayıcılar arasındaki bozuklulukları gidermek için..
Kolay gelsin..