Grafiken im Formular nicht transparent

Huhu,

ich habe ein Problem! Ich habe ein normales Such-Formular erstellt:

<form method="post" action="#">
        <input type="hidden" name="action" value="do_search" />
        <input name="keywords" type="text" class="suchfeld_header" value="Suchbegriff(e)" size="20" maxlength="250"/>
        <input type="submit" class="button_suchfeld" name="submit" value="Los!" />
        </form>

Im CSS sind jeweils für Suchfeld und Button transparente Grafiken definiert;

.suchfeld_header {
	background-image: url(images/hintergrund_suchfeld.gif);
	border: none;
	width: 175px;
	height: 28px;
	color: #392E2C;
	font-size: 14px;
	float: left;
}




.button_suchfeld {
	background-image: url(images/hintergrund_button_suche.gif);
	border: none;
	width: 37px;
	height: 28px;
	color: #CCCCCC;
	font-size: 11px;
	float: left;
}

Trotzdem sind die Ecken weiß.
Wenn ich aber die Grafiken ansich teste, sind die Ecken schön transparent:
[Blockierte Grafik: http://92.51.142.74/hintergrund_suchfeld.gif]
[Blockierte Grafik: http://92.51.142.74/hintergrund_button_suche.gif]

Kann mir jemand helfen? Wäre über einen Lösungsvorschlag wirklich sehr dankbar.

Grüße,
Dennis.

Danke dir vielmals, hat auf Anhieb geklappt!

Hallo,

möchte nicht schon wieder ein neues Thema eröffnen, deswegen frage ich nochmal hier.

---

Ich habe jetzt einen Text bzw 2 Sätze. Der eine soll links, der andere rechts ausgerichtet werden. Das konnte ich auch soweit lösen. Nur wie bringe ich diese 2 Sätze nun auf eine Höhe?