<div id="container">
 <div id="test">
  <div class="insider">
   <div class="imgkeeper">
   <img src="../images/mk34.png" />
   </div>
   <div class="links"></div>
   <div class="overview"> OVERVIEW </div>
  </div>
  </div>

body {
 overflow: hidden;
}
#container {
 position: absolute; left: 1%; top: 1%;
 width: 98%;
 height: 98%;
 border: 1px inset #0099FF;
 border-radis: 6px;
}

#test {
 position: relative; left: 10%; top: 4%;
 width: 80%;
 height: 80%;
 border: 2px solid blue;
 float: left;
 border-radius: 6px;
}
#test .insider {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 6px;
}
#test .insider .imgkeeper {
 position: relative; left: 0; top: 0;
 width: 44%;
 height: 98.5%;
 border: 3px solid #FFCCFF;
 float: left;
}
#test .insider .imgkeeper img {
 position: relative;
 left: 0;
 top: 0;
 width: 99%;
 height: 99%; 
}
#test .insider .links {
 position: relative; left: 0; top: 0;
 width: 9%;
 height: 99%;
 border: 3px solid #888888;
 float: left;
}
#test .insider .overview {
 position: relative; left: 0; top: 0;
 width: 45%;
 height: 99%;
 float: left;
 border: 3px solid #555555;
 text-align: center;
 font-weight: bold;
}
#thumbnails {
 position: absolute; top: 85%; left: 0;
 width: 99.7%;
 height: 15%;
 border: 2px solid red;
 border-radius: 10px;
}
#thumbnails img {
 position: relative; left: 0; top: 0;
 width:10%;
 height: 80%;
 display: inline;
 float: left;
}