Problème sur IE et IE

Voici mes 2 fichiers (html et css), dans firefox tous baigne, dans ie l'image qui remplace un h2 dans mon div sidecar n'apparait plus
+
que faire pour que mon fichier reste propre dans IE6?

code html : <!--contenu secondaire-->
<div id="sidebar">

<h2 id = "titre">Latest News</h2>
<ul class="news" >
<li ><h4><a href = "">Harvey on Gift Economy</a></h4>
<p>Larry Harvey speaks about Burning Man's gift economy in this great interview on the National Radio Project's "Making Contact" show. Listen.</p>
</li>
<li><h4><a href = "">Burning Man Art Grants</a></h4>
<p>The deadline to submit a proposal for an art grant for Burning Man 2010 is February 1, through our new submission process. Learn more and read about it in the Burning Blog.<br/><br/></p>
</li>
<li><h4><a href = "">Read more news stories</a></h4>
</li>
</ul>


code css :

#sidebar h2#titre{
display: block;
background: url(../images/latest-news.png)no-repeat;
height: 30px;
width: 130px;
position : relative;
top: 8px;
left: 15px;
text-indent:-9999px;
outline: none;
clear: both;
}

merci a tous ceux qui pourront m'aider

Bonjour,

La bonne façon de mettre un titre en image :

<h2><img src="images/latest-news.png" alt="Latest News"></h2>

ps. : merci d'utiliser les balises [ code] et [ /code] (sans espaces) pour afficher tes portions de code sur le forum.