IE6 liest falsche CSS Datei

[Perelina]

Vielen lieben Dank für deine umfassende Antwort. Leider scheinen meine Kenntnisse hierfür nicht ausreichend zu sein. Würdest du mir anhand eines Beispiels mal zeigen, wie ich deine Anweisungen anwenden kann?

Wie kann ich mein Standart CSS optimieren, damit die Anweisungen auch für den IE6 lesbar werden?

Auszug aus CSS standart:

  
        #news {  
		position:relative;  
		list-style:none;  
		width:100px;  
		height:100px;  
}  
	#news li a {  
	  	 position:absolute;  
	  	 text-indent:-9999px;  
	  	 display:block;  
	  	 text-decoration:none;  
	  	 width:100px;  
	  	 height:100px;  
}  
	#news_img a {  
		 margin-left: 815px;  
		 margin-top: -96px;  
}  
	#news_img a:hover {  
		 margin-left: 815px;  
		 margin-top: -96px;  
	  	 background:url(../images/news.png);  
}  

CSS optimiert für IE6

  
#news {  
		list-style:none;  
		  
}  
	#news li a {  
	  	 position:absolute;  
	  	 text-indent:-99999px;  
	  	 display:block;  
	  	 text-decoration:none;  
	  	 width:92px;  
	  	 height:78px;  
}  
	#news_img a {  
		 margin-left: 819px;  
		 margin-top: -76px;  
}  
	#news_img a:hover {  
		 margin-left: 819px;  
		 margin-top: -76px;  
	  	 background:url(../images/news.gif);  
}  

Ich wäre dir sehr dankbar, wenn du mir für diesen Teil die Änderungen notieren würdest, damit ich einen Ansatz habe und auch nachvollziehen kann, wieso es so sein muss.