Fonas inputui

Sveiki,

norėčiau iš paveiksliuko pasidaryti foną inputui, kad būtų ir apvalūs kampai. Gal ką pasiūlysit, nes išieškojau visą google :) ir neradau nieko kas man tiktų... Kažkas panašaus, tik čia be fono:

http://www.sitepen.com/blog/wp-content/uploads/2009/03/roundedsearchbar.png

Kažkas tokio.

html:

<div class="input"><input type="text" /></div>

css:

div.input {
 background: url(paveikslelis.jpg) no-repeat;
 margin-top: 2px;
 text-align: center;
}
div.input input {
 border: 0px;
}

Pažiūrėk į kokį kodą, kur jau tai yra realizuota.

Arba background img, arba -moz-border-radius: 10px; -webkit-border-radius: 10px; nevalidus ir neveiks ant ie6, bet kam tai rūpi? :)

Arba background img, arba -moz-border-radius: 10px; -webkit-border-radius: 10px; nevalidus ir neveiks ant ie6, bet kam tai rūpi? :)

Tau? :)

http://www.ipix.lt/images/84780879.jpg

:) tuoj bus CSS3 visose naršyklėse ir bus validus. Be to, tai rūpi ne man, o užsakovui, dar be to, į validatorių galima žiūrėti skirtingai :)

P.S. pas mane ten buvo ironija :)