Вопросы по CSS

Где тут ошибка? Почему-то картинка на заднем фоне в несколько раз больше, чем должна быть

background-color: black;
color: #3e3e3e;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin: auto;
padding: 0px;
max-width: 900px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:100%;
background-image: url(images/bgd.jpg);

Hattake, покажи скрин

# -=ВДРЕБЕЗГИ=- (22.04.2014 / 13:02)
Hattake, покажи скрин

Не стал заморачиваться и сделал

body {
color: #3e3e3e;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin: auto;
padding: 0px;
max-width: 900px;
background: url(images/bgd.jpg) no-repeat black;
}

Hattake,

no-repeat black

# -=ВДРЕБЕЗГИ=- (22.04.2014 / 13:19)
Hattake, это что?

Hattake, body {
background: #000 url("../images/bgd.jpg") 50% 0 no-repeat;
}

@media (max-width: 1920px) {
body { background-image: url("../images/bgd1920px.jpg")}
}

@media (max-width: 1680px) {
body { background-image: url("../images/bgd1680px.jpg") }
}

@media (max-width: 1440px) {
body { background-image: url("../images/bgd1440px.jpg") }
}

@media (max-width: 1280px) {
body { background-image: url("../images/bgd1280px.jpg") }
}

@media (max-width: 1024px) {
body { background-image: url("../images/bgd1024px.jpg") }
}
ну вот как-то так ито не знаю правильно или нет.

# -=ВДРЕБЕЗГИ=- (22.04.2014 / 13:24)
Hattake, body {
background: #000 url("../images/bgd.jpg") 50% 0 no-repeat;
}

@media (max-width: 1920px) {
body { background-image: url("../images/bgd1920px.jpg")}
}

@media (max-width: 1680p

background-color: black;
color: #3e3e3e;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin: auto;
padding: 0px;
max-width: 900px;
background: url(images/bgd.jpg) no-repeat black;
background-attachment: fixed; 
background-repeat: no-repeat ; 
background-size: 100% auto;

Напомните как в див ставить картинку по правому краю. Как на примере

Hattake,

float: right;