image replacement

[wawasurf]

Não consigo fazer funcionar o "image replacement" no ie6, olha como estou fazendo:

#dados_buffet h2{
width:94px;
height:27px;
}
#dados_buffet h2 {
z-index: 10;
background-image:url(../imagens/buffet/buffet.gif);
margin-left:20px;
margin-top:-50px;
}
#dados_buffet h2 a {
text-indent: -5000px;
overflow: hidden;
display: block;
}

<div id="dados_buffet">
<h2><a href="buffet.php" title="Buffet">Buffet</a></h2>
</div>

No FF funciona beleza

[TibumWeb]

Existem várias técnicas para image replacemente tentes essas abaixo:

#dados_buffet h2 a {
display: none;
}

ou

#dados_buffet h2 a {
top:-9999px;
left:-9999px;
position:absolute;
}

Editado Agosto 13, 2008 por TibumWeb