background 100% CSS3 Kseso jugando con Css

Imagen cubriendo el 100% del fondo sin distorsionarse ni dejando huecos. Propiedades css3

by kseso

HTML

<h1>Background 100% <span>por</span>Kseso: Jugando<br>con css</h1>

CSS

* {
    border: 0 none;
    margin: 0;
    padding: 0;
    position: relative;
}

html, body {
    height: 100%;
    width: 100%;
   background-image: url('http://2.bp.blogspot.com/-cV-FDB1v5Yo/T1PKOXrTFSI/AAAAAAAAAHA/VrAImEBFImc/s1600/pic4.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
}
h1 {
    color: rgba(81, 101, 52, 0.8);
    font-family: serif;
    font-size: 5em;
    padding-top: 5%;
    text-align: center;
}
h1 span {
    color: #D1ADB5;
    display: block;
    font-size: 0.5em;
}