Type your HTML here: (scripts and custom event handlers are not allowed) <div id="example"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc neque. In hac habitasse platea dictumst. Pellentesque ultrices. Donec nunc metus, aliquam sit amet, aliquam in, luctus ac, odio. Aenean orci velit, elementum ac, egestas pellentesque, facilisis non, turpis. Quisque dolor. Vestibulum in massa in lectus hendrerit condimentum. Duis suscipit, lectus varius fermentum fermentum, est lectus facilisis metus, ac ornare risus ipsum at sem. Nulla ut eros vel enim tempor sagittis. Ut sit amet lacus. Etiam sapien ante, sodales at, volutpat nec, pretium ut, augue. Mauris justo pede, volutpat at, pharetra at, sollicitudin sit amet, neque. Vestibulum tortor. Morbi nisi. </p> </div>

Type any CSS you want here: (any properties allowed except expression, behavior and @import) /* here's background-attachment in action */ #example { background-attachment:fixed; } /* this is to make the demo look pretty */ #example { background-image:url(leaves.jpg); background-repeat:no-repeat; width:200px; height:200px; padding:10px 10px 10px 110px; overflow:scroll; border:2px solid #090; color:#030; background-color:#fcc; }

Show me!