[CSS]Wyrównanie obrazka z input Opcje

[spayk]

(IMG:http://iv.pl/images/54515466790481751485.png)


Nie wiem w jaki sposób wyrównać obrazek i pole input.
Nie wiem również jak zakodowac to pole aby tło powtarzającnie nie zachodziło na tła skrajne (IMG:style_emoticons/default/tongue.gif)

[HTML] pobierz, plaintext 
input[type="text"]
{
color: black;
height: 40px;
border: 0px solid #CCC;
padding: 0 0 0 20px;
background-image: url(img/l.png), url(img/p.png), url(img/s.png);
background-position: top left, top right, center;
background-repeat:     no-repeat,   no-repeat, repeat-x;
}
[HTML] pobierz, plaintext 

wyrównałem sobie, ale w jaki sposób zakodowac to pole input (IMG:style_emoticons/default/tongue.gif)

[mhw]

Nie wiem również jak zakodowac to pole aby tło powtarzającnie nie zachodziło na tła skrajne (IMG:style_emoticons/default/tongue.gif)

Jeśli pole input będzie miało stałą szerokość (a raczej będzie miało), to możesz użyć jako środkowego tła obrazka o danej szerokości i dać mu atrybut no-repeat, wtedy nie będzie problemu z zachodzeniem.