Sticky footer

*{
     margin: 0;
}
html, body {
     margin:0;
     padding:0;
     height:100%;
     background-image: url('http://scrapzz.nl/sjatje/image/back.jpg');
     background-repeat: no-repeat;
     background-attachment:fixed;
}
div.ads{
     background-image: url('http://scrapzz.nl/sjatje/image/bodyback.png'); 
     height: 800;
     width: 250px;
     position: fixed;
     bottom: 400px;  
     top: 40px;
     left: 40px;
     border: #000000 solid 3px;
     padding-bottom: 60px;
     padding: 10px;
}
div.main{
     background-image: url('http://scrapzz.nl/sjatje/image/bodyback.png'); 
     height: auto;
     width: 1000px;
     position: absolute;
     top: 40px;
     left: 340px;
     border: #000000 solid 3px;
     padding-bottom: 60px;
     overflow:none;
}
div.menu{
     background-image: url('http://scrapzz.nl/sjatje/image/menuback.png');
     padding-top: 0px;
     width: 980px;
     height: 30px;
     padding: 10px;
}
ul.menustyle li{
     display: inline;
     padding-right: 20px;
     height: 60px;
     width: 90px;
}
ul.menustyle{
     float: left;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style-type:none;
}
li.menuitem a{
     display: inline-block;
     background-color: #073a6e;
     border-radius: 5px;
     height: 30px;
     width: 90px;
     text-decoration: none;
     text-align: center;
     font-family: "Segoe Marker", "Times New Roman";
     font-size: 18pt;
     color: #000;
}
li.menuitem a:hover{
     background-color: #10477e;
     text-decoration: none;
     color: #000;
}
div.content{
     padding-top: 10px;
     padding-left: 10px;
     height: auto;
     width: auto;
}
div.bottom{
     position: fixed;
     width: 1600px;
     height: 60px;
     bottom: 0px;
}
#container {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     position: relative;
}

<div id="container">
     <div class="ads">hoi</div>
     <div class="main">
          <div class="menu">
               <ul class="menustyle">
                    <li class="menuitem">
                         <a href="#">Home</a>
                    </li>
                    <li class="menuitem">
                         <a href="#">Webshop</a>
                    </li>
               </ul>
          </div>
          <div class="content">
               <h1>Nieuw</h1>
               <img src="/test.png"/>
               <br/>
               <h1>Meest verkocht</h1>
               <img src="/test.png"/>
               <br/>
               <h1>Meest verkocht</h1>
               <img src="/test.png"/>
          </div>
     </div>
     <div class="bottom">&copy *.nl</div>
</div>