Ich habe benutztborder, border-top-image, border-image und keiner scheint zu tun, was ich will.

Ich habe folgendes 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;
}

Dies scheint nicht auf die Website zuzutreffen, an der ich arbeite. Ich habe es in Firefox und Chrome versucht.

Ich möchte nur, dass das Bild am oberen Rand erscheint und keine anderen Ränder hat (also ist es so ähnlich wie ein<hr />)