Aiutandomi con le informazioni prese in giro su internet (ovvero qui praticamente) , sono riuscito a modificare lo style del suddetto campo input.
Il problema è che:
su IE funge
su Opera non funge
su FireFox funziona male.

posto il (breve) codice:
codice:
<div style="position:relative;">
		[img]IMG/sfoglia.gif[/img]
		<input class="file"class="" id="filebrow"onchange="visualizza();"name="file1" type="file" />
	</div>
che prende i seguenti dati da un file esterno css:
codice:
input.file {
	width: 1px;
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
.immg{
	z-index: 0;
	position:absolute;
	left:5px;
	z-index:0;
	}
Descrivo brevemente il funzionamento:
ho un campo input di tipo file che ho impostato a trasparente (invisibile) e su di esso posiziono un' immagine a piacere. Cliccando sull'immagine avviene l'effettivo click sul campo input posizionato piu in alto (z-index)

che cosa avviene:
su IE tutto ok, come gia detto.
su FF il campo input ha grandezza "normale" (mentre a me serve di grandezza 0 o al massimo 1) con conseguente disallineamento tra la gif e il pulsante "sfoglia"
su Opera non funge proprio il campo input (rimane solo la gif)

Dove sbaglio?

ps: poichè non mi interessa il campo stringa del campo input (non mi interessa far visualizzare il file selezionato, perche lo faccio visualizzare a parte tramite js) andrebbe bene pure un pulsante button (al posto del campo input) che pero apra sempre la finestra per selezionare i file (ammesso che sta cosa sia possibile)