[RESOLVED] background positioning driving me nut!!

[kschroers]

I'm trying to get the body of my site to position on the top but there is still a gap and I have tried everything I can think of. When you look at the site you will see why it's such a big cosmetic issue. It's the container div that I am working with.

Here is the site.
http://creativcat.com/projects/rapidweb/index.html

If anyone can look at it and tell me what I am doing wrong I would appreciate it!

[Mr. E. Cryptic]

I don't actually see anything out of place on the link (nothing that looks out of place anyway), so I'm not really sure what the problem is. I did however notice that you've left default setting for the body, this might cause some padding or margin, depending on the browser you're viewing in. Try adding some body specifics to your css:

body
{
padding: 0;
border: 0;
}

Failing that, you can also set the top position of your container as 0;

#container
{
height: 665px;
width: 704px;
top: 0;
margin-right: auto;
margin-left: auto;
background-image: url(http://creativcat.com/projects/rapidweb/images/mainbody.png);
background-position: top;
background-attachment:fixed;
background-repeat: no-repeat;
padding: 0;
}

[johngroup]

Nothing seems out of place. Using FF301 and IE7 /XP

[kschroers]

oh I'm an idiot... setting the body margin and padding to 0 did the trick.. now I know I've been sitting in front of this computer too long if I didn't catch that.

By the way, the body looks like a tag and has a couple strings off the top and they were not positioned completely to the top.. for those who didn't see what I was talking about. Minor I know but hey I'm a stickler for the little details.

Thanks Mr. Cryptic!