Hi all,

I am wondering if you can help me with something that is driving me crazy. I have been asked to create a blog as part of my university course.

I thought it would be a good idea to have a transparent background (ocean with islands on it) and have black text on it.

Now I have found a picture but I cant get it to stretch to the entire page. I have tried to set the size to 600*400, 800*640 and 1020*768 but it does not cover entire page. If I use the 1020 what happens is it only shows the sky. If I use the 800 *600 it has the entire picture tiled multiple times on the page.

code that I used was
body {
background:$bgcolor;
background-repeat: repeat;
background-image: url(http://deleted this part/Scenicocean800.jpg);
background-attachment:fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Any idea as to where I am going wrong? I am not clued up on this thing complete noob lol.

Thanks in advance