background-image: background.gif;
background-color: #CECECE;

body {
margin-left: 0px;
margin-right: 0px;
background: #000000;
background-image: background.gif;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

a {
font-weight: bold;
text-decoration: none;
}


Is what the top of my external style sheet looks like, however when I try it the background still scrolls, which I don't want. I've tried changing the position and repeat attributes, but it still doesn't work. Can anyone help me?

body {
margin-left: 0px;
margin-right: 0px;
background-image: "bluebgptrn.gif";
background-color: #CECECE;
background-position: center center;
background-attachment: "fixed";
}

a {
font-weight: bold;
text-decoration: none;
}


Not sure if this is how you want it, but it works.

Ok, that works in IE, but not Firefox ;( Does having a fixed background not work in Firefox?

*Sorry for double post*

I think I fixed it.

background: #cecece url('background.gif') fixed;
color: #606060;


Works in both now :) For some reason though its really slow scrolling down in firefox, ah well..