HTML5 & CSS3 scale down background image, cover.

Hej alle.

Jeg har en et test domæne (da det er nemmest) mnrb.dk, som jeg i øjeblikket bruger til at lære og forstå HTML5 og CSS3.

Hvor jeg har prøvet at scale et baggrunds billed der er større end skærmen, ned til at passe "perfekt" i browser vinduet.

Dog virker dette ikke rigtig da billedet (alle sider) går udover browser vinduet.

Nogle der kan fortælle mig hvordan man scaler billedet ned til at passe "perfekt" eller hvad jeg gør forkert?

Måden jeg har prøvet at gøre det på er som følger.

 body {
     background-image: url(http://wallpaperuser.com/wp-content/uploads/2012/07/fire-horse-wallpaper.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-attachment: fixed;
    
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
    
     background-size: cover;
 }