Użyłemborder, border-top-image, border-image i nikt nie wydaje się robić tego, co mam.

Mam następujący 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;
}

Wydaje się, że nie dotyczy to witryny, nad którą próbuję pracować, wypróbowałem ją w Firefoksie i Chrome.

Chcę tylko, aby obraz pojawił się na górnej granicy i nie miał żadnych innych granic (więc jest to coś w rodzaju<hr />)