asdf

HTML

<div id='backgroundContainer'>
    <div id='background31'>
        <a href='www.google.com'><img src='http://www.sjiep.nl/images/sjiep.gif' id='testImage'></a>
    </div>
            
</div>

CSS

html, body {
             max-height:100%;
                 width: 300%;
         top: 0;
         left: 0;
         background-size: cover;
         background-repeat:no-repeat;           
                   }
    #backgroundContainer{
    top:0;
            left:0;
    margin:0;
    padding:0;
    height:100%;
    width:100%; 
      }

    #background31{
    top:45%;
    position: absolute;
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    height:55%;
    width:70%;
    left:50%;
    background-size: 5%;
    background-color: red;
    } 

    #testImage{
        width: 100px
    }
    #testImage:hover{
        width: 150px;
    }