Изображение верхней границы в CSS3

Я использовалborder, border-top-image, border-image и никто, кажется, не делает то, что я после.

У меня есть следующий CSS:

#footer {
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 26px 0 30px 0;
    border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg');
    font-size: 0.8461538461538462em;
    color: #aaa;
}

Это не относится к веб-сайту, над которым я пытаюсь работать, я пробовал его в Firefox и Chrome.

Я только хочу, чтобы изображение появлялось на верхней границе, и не хочу, чтобы у него были другие границы (так что это вроде как<hr />)

Ответы на вопрос(4)

Ваш ответ на вопрос