[Resolvido] posicionamento da imagem diferente no FireFox e Chrom

[jnejunior 1]

fala galera...

 

coloquei uma imagem no meu form de busca no lugar do botão padrão, mas no FF fica em uma posição, e no Chrome fica em outra, não é uma diferença muito grande, mas é perceptível...

 

vejam:

 

 

no meu css esta assim:

 

.form_btn {border: 0; width: 24px; position: absolute; top: 8px; right: 8px;}

[wdc_black_ 0]

acredito eu que só com hack para resolver isso

tente assim

 

.form_btn {border: 0; width: 24px; position: absolute; top: 10px; right: 8px;}           // Chrome funciona normalmente, apenas mais 2px no top para alinhar o botao
*.form_btn {border: 0; width: 24px; position: absolute; top: 8px; right: 8px;}           // Hack para IE 6,7,8
.form_btn, x:default {border: 0; width: 24px; position: absolute; top: 8px; right: 8px;} // Hack para Firefox

 

é 1 metodo meio ruim, mas as vezes quebra o galho ^^

abraços

[jnejunior 1]

valeu pela dica, mas testei aqui e não funcionou pro FF...

[wdc_black_ 0]

tente

 

.form_btn, x:-moz-any-link, x:default {border: 0; width: 24px; position: absolute; top: 8px; right: 8px;} // Hack para Firefox

 

abraço ;)

[jnejunior 1]

wdc_black, agora funcionou perfeito, não sabia que existia hack para o FF, brigadão pela ajuda, vivendo e aprendendo...

 

fui...

[wdc_black_ 0]

hehehe, de nda cara,

mas como sempre hack deixa o código meio sujo, mas as vezes é a saida ;)

abração