Imagen de borde superior en CSS3

he usadoborder, border-top-image, border-image y ninguno parece hacer lo que estoy buscando.

Tengo el siguiente 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;
}

Esto no parece aplicarse al sitio web en el que estoy tratando de trabajar, lo he probado en Firefox y Chrome.

Solo quiero que la imagen aparezca en el borde superior y no quiero tener ningún otro borde (por lo que es una especie de<hr />)

Respuestas a la pregunta(4)

Su respuesta a la pregunta