Help Css Background And Items On It

[Lin2Hektor]

Hello guys,

 

i have an urgent problem. I want that the bg and the items on the bg are fixed and have nice high resolution when ppl open the website but somehow the bg doesnt get diplayed fully aswell as when you minimize the browser window the items (pics) on the bg are moving.

 

Here is the CSS

body {
    background-image:url(img/bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#0d0c08;
}


h2 {
    font-size: 14px;
    color: #A36075;
    margin-top: 640px;
    margin-left: 290px;
    padding: 40px;
}

#img {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: -85px;
    margin-right: -85px;
    top: 460px;
}

#low {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 120px;
    margin-right: 295px;
    top: 400px;
}

#high {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 120px;
    margin-right: -177px;
    top: 400px;
}

#forum {
    position: absolute!important;
    right: 50%;
    width: 175px;
    height: 175px;
    margin-top: 140px;
    margin-right: -110px;
    top: 560px;
}

 

would be nice if someone can help

Edited November 5, 2014 by Lin2Hektor

[Aphelion]

You need to give us your website URL so we can use inspect element.

 

Also try this one

body {
background-image:url(img/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#0d0c08;
background-attachment: fixed; 
}

Edited November 5, 2014 by Aphelion