background 100% CSS2.1 Kseso jugando con Css

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

by kseso

HTML

<div id="fondo-imag">
    <img src="http://3.bp.blogspot.com/-u05VzJtGMp4/T1POa522qtI/AAAAAAAAAHw/O17_YwZPmGI/s1600/pic3.jpg" alt="una imagen" />
  </div>

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

CSS

* {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
  }
html, body {
        width: 100%;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}
#fondo-imag {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#fondo-imag img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}
h1 {font-family: serif; font-size: 5em; text-align: center;color: rgba(81,101,52,.8);text-shadow: -1px -1px 0 rgba(0,0,0,1) inset, 1px 1px 0 #74A150 inset;padding-top: 5%;}
h1 span {display: block; font-size: .5em; color: #D1ADB5;}