"Still line up for all resolutions" cannot be done with background and foreground images unless both are absolutely positioned. However, if you do that, they will appear out of line with other content on the page unless all of it is also absolutely positioned, a very bad idea. You need to learn to let go and let the page do what it will. Design with that kind of freedom in mind and you can have some very nice pages. To prevent a background image from tiling, set it and its attachment using style (here is the shorthand method):
Code:
<style type="text/css">
body {
background:url('some.jpg') no-repeat;
}
</style>
Bookmarks