<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html lang="en"> <head> <title>Scrolling Backgrounds with Background Attachment Local</title> <style type="text/css"> div { background: -30px -30px silver url(resources/smallcats.gif) local; border: 30px dotted; overflow: auto; height: 138px; width: 330px; white-space: pre; font-size: 16px; } ul { color: navy; } </style> </head> <body> <ul> <li>You should not see the background under the border.</li> <li>As you scroll the element below the cats should move.</li> <li>The cats should be on a light grey background.</li> </ul> <div> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 </div> </body> </html>