Почему не работает repeat

[Ritter]

Почему так не работет repeat?

background: url('../image/image.png') 16px 0 repeat;
height: 14px;
width: 2px;

А так работает?

background: url('../image/image.png') left top repeat;
height: 14px;
width: 2px;

Как заставить первый вариант работать?

В примере имеется ввиду, что при цифрах повтор не работает.

Edited October 31, 2011 by Ritter

[Cubka]

На сколько я понял, чтобы первое свойство было равноценно второму:

background: url('../image/image.png') left top repeat;

нужно первое записать в виде:

background: url('../image/image.png') 0 16px repeat;

Edited October 31, 2011 by Cubka

[ceil100]

а чего пытаемся получить в итоге?

[Ritter]

  On 10/31/2011 at 8:51 AM, ceil100 said:

а чего пытаемся получить в итоге?

Повтор по вертикали (в рамках height).

[amelice]

  On 10/31/2011 at 7:47 AM, Ritter said:

Почему так не работет repeat?

background: url('../image/image.png') 16px 0 repeat;
height: 14px;
width: 2px;

1. По горизонтали у вас смещение на 16 пикселов вправо, а ширина элемента 2 пиксела.

2. http://htmlbook.ru/css/background-repeat

Для повтора фона по вертикали применяется repeat-y.