poravnava input + image

Želim nekako tale dva inputa spravit v isto linijo, vendar mi ne ratuje, verjetno mora bit samo neka mala fora.

torej takole, kot na spodnji sliki, prikažejo brskalniki FF, Opera, Safari, Chrome, IE8
medtem ko IE7 prikaže v isti liniji (IE6 nisem probaval)

koda je preprosta, torej prvo input type=text nato pa input type=image



Torej mogoče kdo ve kako tole poravnat v isto linijo?

edit: še vprašanje: obstaja kaka varjanta ša narediti "animacijo" tega gumba, torej ob "hover" (ko gre miška preko gumba), da se spremeni (druga slika)?

No sicer vmes sem uspel najdt rešitev, tako da so sedaj poravnani.

align="absbottom"

Dodal v input type=image

fizikalac, sicer probal tole (upam, da na pravo "mesto" vtaknu - css, na div ki drži oba inputa) vendar zadevo še bol razmeče.
to kar sem zgoraj napisal pa zadevo lepo poravna

Nevem, kam si to vtikal vendar če imaš v nekem elementu poravnane elemente z vertical-align:middle, potem bodo lepo na sredini, problem rešen... Jaz to vedno uporabim pri poravnavi elementov v isto linijo, npr input in button ali pa image in text... Verjetno se neko drugo css pravilo v tvojem primeru krega s tem, pa jih zato razmeče So pa tudi druge rešitve, lahko jih komot uporabiš -> pač karkoli ti najbolj ustreza!