HTML / CSS 3 : background 100% quelque soit la résolution

Voici un petit tricks CSS pour avoir un background qui s'affiche à 100% en hauteur et largeur. L'image de fond doit être de bonne qualité (en jpg c'est mieux). J'ai utilisé CSS3 donc les vieux navigateurs fond la tête mais bon... pour une demo : demo css

<html>
<head>
<style type="text/css">
body{
background-color:transparent;
border: solid transparent;
border-width:1px 1px 1px 1px;
-o-border-image: url("./image.jpg") 1 1 1 1 stretch;
-ms-border-image: url("./image.jpg") 1 1 1 1 stretch;
-webkit-border-image: url("./image.jpg") 1 1 1 1 stretch;
border-image: url("./image.jpg") 1 1 1 1 stretch;
}
</style>
</head>
<body>
test
</body>
</html>

Donc ça c'était la solution compliquée, en css 3 on peut utiliser background-size faire :
background-size: 100% 100%;