alinhamento de input e botão com imagem

[fabinhosantos 0]

Pessoal, estou com problema no alinhamento de um campo inputtext e um submit usando imagem...

 

o campo texto é estilizado com uma imagem e a mesma tem borda, o botão que estou inserindo ao lado desse inputtext usa uma imagem no mesmo padrão o que da a impressão de ser uma imagem só....

 

problema: no firefox o alinhamento esta ok, só que no IE o botão fica acima um pouco, acredito que 1px de diferença, só que é percepitivel devido a imagem ter borda de cor diferente do fundo...

 

meu código:

 

 

.s1 {
     float: left;
     position: relative;
     display: inline;
}
.b1 {
     float: left;
     position: relative;
     display: inline;
}

<div id="container">
     <form action="resultado.asp" class="niceform" name="form1" method="get">
        <label for="textinput">Busca rápida:</label><br/>
          <div class=s1>                                 
            <input type="text" id="textinput" name="textinput" size="33" />
          </div>
          <div class=b1>
            <INPUT type="image" src="images/botao.gif" value="ir">
          </div>
     </form>
</div>

[Thiago Retondar 18]

Está utilizando CSS Reset?

[Rafelles 0]

Cara tente colocar tudo (input e img) numa só div.

Assim faço quando preciso alinhar tais elementos.

[fabinhosantos 0]

na mesma div ficou pior...

 

não entendi o CSS reset...

 

valeu pela ajuda

 

Cara tente colocar tudo (input e img) numa só div.

Assim faço quando preciso alinhar tais elementos.

 

[Thiago Retondar 18]

CSS Reset http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.tableless.com.br/css-reset

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif