如何使用CSS正确实现边框图像？

Question

对于以下代码，没有图像，绿色边框是可以的，但是有了图像规格，我看到的只是四个角的图像。

我的代码：

.content {
    padding: 1em;

    border:       solid darkgreen;
    border-width: 20px 20px;   /* v, h */

    border-image:        url("White_House_pics/garland.gif");
    webkit-border-image: url("White_House_pics/garland.gif");
    border-image-repeat: repeat;    
}

同样，没有图像，绿色边框仍然可以，但是有了图像规格，我所看到的只是四个角的图像。

?????

我真的环顾四周，但是明显的东西正在逃避我。