Input jako gif Opcje

[janio123]

Witam.
Dopiero zaczynam zabawę z HTML i CSS, myślę że obrazek świetnie przedstawia mój problem:
(IMG:http://s18.postimage.org/yvuuy6dh1/chrome.jpg)
chciałbym pozbyć się buttona wybierz plik, i żeby jego rolę przejął button z podpiętą grafiką.
W firefox'ie natomiast wygląda to tak:
(IMG:http://s18.postimage.org/557qceshh/firefox.jpg)
Jak zoptymalizować kod żeby był identycznie otwierany w obu przeglądarkach?
css:

[HTML] pobierz, plaintext 
#choose {
display: block;
border: none;
background: transparent url(obrazek.gif) 0 0 no-repeat;
width: 209px;
height: 63px;
position:absolute; 
top:0:px; left:0px;
}
#choose:hover {
  background: url("obrazek.gif") 0 -63px no-repeat;
}
[HTML] pobierz, plaintext 

natomiast sam button:

[HTML] pobierz, plaintext 
<input id="choose"  type="file" />
[HTML] pobierz, plaintext 

[by_ikar]

http://forum.php.pl/index.php?showtopic=126352 szukaj, szukaj, szukaj. Przejrzyj linki w tym temacie, to się dowiesz wiele dobrego.