[CSS]Wyrównanie obrazka z input Opcje

[spayk]

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

[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

[mhw]

Nie wiem również jak zakodowac to pole aby tło powtarzającnie nie zachodziło na tła skrajne

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.

[spayk]

właśnie nie :/

będzie wicej talich pól o róznej długości, i na różnym tle więc te zaokrąglone roki nie moga miec tła