CSS / JS design spørgsmål

HTML kode 

 <style>.box {
     width: 20%; height: 20%; float: left; position: relative;
 }
 .box > div { position: absolute;top: 1px; bottom: 1px; left: 1px; right: 1px; border: 1px solid #ccc; }</style>
 <div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;">
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
     <div class="box"><div></div></div>
 </div>