как "приклеить" изображение в верхнему краю?

[planetaryi]

здравствуйте,

скажите как прикрепить изображение к верхнему краю,

я хочу чтобы в блоке меню, (его оформление описано в классе .navigation) было прикреплено изображение к верхнему краю - это тонкая полоска, и чтобы оно не повторялось по высоте,

но в backgroung-image можно задать только общий фон, а в border-top нельзя задать изображение...

можно конечно наверное сделать отдельный блок, внизу или поверх, но наверное это не лучшее решение.

 

подскажите как лучше сделать?

Edited January 24, 2014 by planetaryi

[antonKar]

Через псевдоэлементы

[rus]

вроде как-то так: background: url(img/top.jpg) repeat-x left top;

[planetaryi]

вроде как-то так: background: url(img/top.jpg) repeat-x left top;

 

спасибо!

[Catherine]

Так? http://jsfiddle.net/Cath_kb/v5v3q/1/

[rus]

Так? http://jsfiddle.net/Cath_kb/v5v3q/1/

Катя, Катерина... те же ... только в профиль

[planetaryi]

Так? http://jsfiddle.net/Cath_kb/v5v3q/1/

да, типа того, я что-то растерялась.

[antonKar]

это тонкая полоска

а через псевдоэлементы делаем без картинок