css - CSS3 画像のフレーム境界の z-index

Question

画像に次のマークアップがあります。

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

そして、私はこの結果を得ています：

フレーム内の画像がフレームの一部を上書きするのは好きではありません。

画像の上にフレームが表示されるようにコードを変更するにはどうすればよいですか?

そのように：