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

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.

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