Example Code
<!-- Codes by HTMLmagics -->
<div style="font-size:18px;color:black;border:1px solid black;width:150px;height:150px;overflow:scroll;background:#fff url(http://www.htmlcodes.me/images/scroll-boxes/bee.gif) no-repeat top left;">
<p>The background image on this scroll box doesn't repeat across the box. Instead, it just renders once, then let's us do our thing.</p>
</div>
<p><a style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-picture-box.cfm">Scroll Picture Box</a></p>
Result
<!-- Codes by HTMLmagics -->
<div style="font-size:18px;color:black;border:1px solid black;width:150px;height:150px;overflow:scroll;background:#fff url(http://www.htmlcodes.me/images/scroll-boxes/bee.gif) no-repeat top left;">
<p>The background image on this scroll box doesn't repeat across the box. Instead, it just renders once, then let's us do our thing.</p>
</div>
<p><a style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/scroll-picture-box.cfm">Scroll Picture Box</a></p>
Result
The background image on this scroll box doesn't repeat across the box. Instead, it just renders once, then let's us do our thing.
