Imagem de fundo responsiva em tela cheia em CSS
Eu quero fazeresta imagem como a imagem de fundo da minha página da web. No entanto, o problema é que a imagem não cobre toda a página, como você pode ver emessa prévia e se repete no extremo mais à direita. Existe uma maneira para que a imagem cubra toda a página (seja de qualquer maneira, esticando, redimensionando ou algo novo).
Meu Código:
<!DOCTYPE HTML>
<html>
<head>
<title>Angry Birds Star Wars</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
body {
background: url('http://www.androidtapp.com/wp-content/uploads/2012/11/Angry-Birds-Star-Wars-Menu.png');
}
</style>
</head>
<body></body>
</html>
Obrigado.
ATUALIZAR:Agora eu finalmente acredito que não há quase nada que possa fazer com que a imagem caiba exatamente na tela do meu PC. Agora estou bem, e estou indo mais longe, por favor, não poste respostas agora.