I have just started designing a new site and have decided to use a background that stays still. I have done this by using a fixed attachment in my css. I have used a png file and have found a filter fix from http://homepage.ntlworld.com/bobosola/pnghowto.htm which is quite straight forward.
My main problem is what happens when people start changing their screen size. To do this I thought about setting the image as a percentage ie. 100% width and height. But I can't find how to do this in css. If anyone can give me any help I would be very greatful. My current style sheet is below if you are interested.
/* CSS Document */
body {
background-color: #000000;
background-image:url('interf/backgrounds/main.png');
background-repeat: no-repeat;
background-attachment: fixed
}
Thank you for your help.