Moin moin,

folgendes Problem =>

[Blockierte Grafik: http://img41.imageshack.us/img41/2056/bild2sl.png]

Der Text soll aber eher weiter unten sein.
Hab das mit padding versucht, aber leider gab es dann unter dem inout einen weißen background.
Eine Idee Wie man das lösen könnte?

Html:
<form action="#" method="post">
<input class="sufu" type="text"><input class="go" value=" " type="submit">
</form>

Css:

.sufu {
background-image: url('images/sufu.jpg');
width: 194px;
height: 26px;
border: none;
float: left;
color: #fff;
font-size: 11px;
font-family: Tahoma;
background-repeat: no-repeat;
}

Image:

[Blockierte Grafik: http://img197.imageshack.us/img197/2770/sufu.jpg]




Hoffe es sind genug Infos.

Und hier ein Bild wie es mit padding aussieht.

[Blockierte Grafik: http://img44.imageshack.us/img44/5783/bild3c.png]


Edit:/ Nicht wundern, dass der Text so stark geglätet ist, hab ein Mac

Die nie benutze Zeile von mir hat mir geholfen.
background-color:transparent;

Jaja ich seh den Wald vor lauter Bäumen nicht )=