 <p>You could try something like this: <a href="http://jsfiddle.net/MQrd6/3/" rel="nofollow">http://jsfiddle.net/MQrd6/3/</a></p> <p>The trick is to set the width of <code>border-image</code> same as <code>border-width</code>:</p> <pre><code>#leaf { width: 760px; vertical-align: middle; border-width: 22px; border-image: url(http://img703.imageshack.us/img703/4976/leafy.png) 22 22 round; } </code></pre> <p>No versions of IE supports border-image. To give support in IE you could try <a href="http://css3pie.com/" rel="nofollow">CSS3pie</a>, a simple library that allows you to use several CSS3 features in IE6 or higher.</p>