Ok so I've got the CSS to display my image and it's static so it doesn't scroll when you do-PERFECT! But the bottom of my image is cut off a bit and I've no idea how to fix that. Here's the code:

body{margin:0px;padding:0px;background:url("http://www.geocities.com/phonysoprano/eternal.jpg") no-repeat fixed center center;color:#111111;font-family:Lucida Grande,MS Sans Serif,Lucida Sans Unicode,Verdana,Geneva,Lucida,Arial,Helvetica,Sans-Serif;}

So how can I get it so the image is not cut off? Is there a way through CSS to make that background image completely viewable in the browser window, or am I going to have to edit it and make it a certain dimension in Photoshop? :idea:

-Pete

You'll probably have to resize it in photoshop, because there's no way to adjust background size using css.

What to resize it to though if I want it to show up fully in 1024x768 resolution...?

-Pete

hard to say... consider if people actually use a full window size or if they prefer to have it minimized a bit, or if their browser has X toolbars showing or not so there is a bit more or less room along the top... etc, etc, etc.

when it comes to background images, it is either a set thing or do as best as possible.