background-position não funciona no IE

[Alex0007]

Fiz um código que funciona no Firefox e no Chrome mais não funciona no IE

o código HTML é o seguinte:

<div class="busca"> 
    <form action="">
      <input type="submit" class="botao-buscar" value="">
    </form>
  </div>

o CSS é:

#topo .busca .caixa-pesquisa { margin:5 0 0 30;width:238px;vertical-align: top;padding: 0;border: 0;outline: 1; background-color:transparent;color:#666666; overflow: visible; line-height: 1.1; }

#topo .busca .botao-buscar {margin-left:10px; width:74;height:31;cursor: pointer;background-color:transparent;border:0px none;background:url(../imagens/botao-buscar.png) no-repeat;}

#topo .busca .botao-buscar:hover,#topo .busca .botao-pesquisa:focus {background-position: -73px 0;}

#topo .busca .botao-buscar:active {background-position: -146px 0;}

queria saber o que ta errado.

[Ricardo Portolan]

Boa noite, Alex0007.

Estava vendo que você declarou um "#topo".

Poderia postar mais do seu código para que

possamos ver com mais clareza o problema?

Testei o seu código aqui, mas acredito que esteja

faltando alguma coisa pois aqui no FireFox o seu

código não funcionou quanto que no IE, sim.

Abraço.

---

Ricardo Portolan

Editado Junho 29, 2011 por Ricardo Portolan

[Alex0007]

#topo {position:relative; text-align:left;    color:#333;    width:960px; height:50;    margin:auto;}