We would like to use an image only for the bottom of a DIV. However, our CSS somehow replicates the image across the body of the DIV instead of placing it at the bottom.
What are we doing wrong?
We only need to support mobile Safari.
Example: http://jsfiddle.net/ZwnF8/
Code:
<div></div>?
div { background:gray;
width:100px;
height:100px;
margin-left:20px;
-webkit-border-image:url(http://www.panabee.com/images/dumpling/footer_list.png) 0 0 8 0 round
}?
See Question&Answers more detail:os