[SOLVED] Image Positioning

[Lambneck]

Hello,

In order to avoid the problems with placing an image in an <h1> tag I have used the following CSS:

 

body {
background-image: url(../pix/head.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 42% 0%;
}

 

Unfortunately this hasn't created exactly created the effect I want, which is to have the image fixed in the exact position i put it in.

 

So now, when using the code above, I adjust the browser size or scroll down on the page the image is moving in the background or scrolling along behind the rest of the page.

 

Is there anyway to fix the images position so that it will not move with browser size adjustment and page scrolling?

 

[haku]

You have to change the background position from a percentage to a pixel size, and remove position:fixed.

[Lambneck]

Great! thank you!