CSS3-Bildrahmen-Rand-Z-Index

Ich habe die folgenden Markups für meine Bilder:

img.framed
{
    border-image: url('../images/design/frame.png') 40 40 40 40 stretch stretch;
    border-color: #f4be52; border-style: inset; border-width: 40px;
}

Und ich erhalte dieses Ergebnis:

Mir gefällt es nicht, dass das Bild im Rahmen einen Teil meines Rahmens überschreibt.

Wie kann ich meinen Code ändern, um einen Frame anzuzeigen?Über das Bild?

So wie das:

Antworten auf die Frage(1)

Ihre Antwort auf die Frage