The usual approach for placing a background image is by placing the background within the body using CSS. No modifications are needed to the HTML file for the background to be displayed. body { margin:0; padding-top:0; background:#777; color:#f3f3f3; font-size:13px; background:url(images/main-bg.gif) repeat fixed; } However, what if instead of a small repeating image, a much larger, single image is desired. In…