Scrolling Backgrounds on Divs with less markup.

Gets rid of the need for inner wrapper divs for backgrounds, but only for modern (and IE9+) browsers.

by nilloc

HTML

<div class="scrollable">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo tempore accusantium ipsa voluptate quo magni vero debitis numquam dolorem reprehenderit magnam iure dignissimos optio iste recusandae at perspiciatis ad odit!</p>
</div>

CSS

.scrollable{
    overflow:auto;
    background-image:url(http://www.modkit.com/vex/editor/images/carbon4.png);
    background-repeat:repeat;
    height:200px;
    width:200px;
    background-attachment:local;
}

p{
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:2em;
}
}