Background position
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title>Chapter 3 - positioning background images</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> body { font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D2D7E4; color: #000000; background-image: url(background-repeatx.jpg); background-repeat: repeat-x; background-position: top left; } #content { margin: 2em 4em 2em 4em; background-color: #FFFFFF; padding: 1em 1em 40px 1em; background-image: url(tick.gif); background-repeat: no-repeat; background-position: bottom right; } </style> </head> <body> <div id="content"> <h1>This is a test.</h1> <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> <li>G</li> <li>H</li> <li>I</li> </ul> <p>This is a test.</p> <p>This is a test.</p> <p>This is a test.</p> <p>This is a test.</p> <p>This is a test.</p> <p>This is a test.</p> </div> </body> </html>