background image con safari e chrome

[Arose]

Ho fatto una search bar utilizzando delle immagini di background... tuttavia chrome e safari non me le visualizzano (al contrario di mozzilla).
Ho trovato diverse persone con lo stesso problema sulla rete e pare sia un bug di safari (e altri browser) tuttavia ho letto di persone che hanno risolto il problema (non spiegando come )

Qualcuno sa come aiutarmi? =P



ecco il codice HTML:

<form method="get" id="searchform" action="">
     <fieldset class="search">
	   <input type="text" class="box" />
	   <button class="btn"></button>
     </fieldset>
</form>

ed ecco il CSS:

fieldset.search {
	background: trasparent;
	padding: 0;
}
.search input {
	width: 50px;
	margin-top: 2px;
	margin-left: 31px;
	border: none;
	float: left;
}

.search button {
	border: none;
	float: left;
}

.search input.box {
	color: #000;
	font-size: 8pt;
	width: 80px;
	height: 22px;
	background-image:url(filesito/searchbar.jpg);
	background-repeat: no-repeat;
}
.search input.box:focus {
	text-indent: 3px;
	background-image:url(filesito/searchbar2.jpg);
	background-repeat: no-repeat;
	outline: none;
}

.search button.btn {
	margin-top: 2px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(/filesito/lente.jpg);
	background-repeat: no-repeat;
}
.search button.btn:hover {
	background-image: url(filesito/lente2.jpg);
	background-repeat: no-repeat;
}

Grazie in anticipo =]