php - trouble with unwanted space between divs -

i have space don't want between classes.

here's fiddle: http://jsfiddle.net/4ysxv/

it should box without spaces in between:

i can't figure out how erase space, googled of course , apparently it's common problem, solutions found didn't me.

html

       <div class='image'>        </div>        <div class='line1'>        </div>        <div class='head'>        </div>        <div class='subbox'>           <div class='sub'></div>           <div class='price'></div>           <div class='button'></div>        </div>        <div style='clear:both;'></div>         <div class='line2'>        </div>        </div> </div> <div class='placeholder'> </div> 

css

.headerimage {     position:absolute;     left:0px;     right:0px;     height:273px;     background-color:#000000; } .box1 {     position:relative;     top:273px; } .produkt {     width:224px;     height:318px;     position:relative;     float:left; } .image {     width:224px;     height:230px;     background-color:#afeeee;     position:relative; } .line1 {     width:224px;     height:1px;     background-color:#000000;     position:relative; } .head {     width:224px;     height:25px;     background-color:#eeeeee;     position:relative; } .subbox {     width:224px;     height:50px;     position:relative; } .sub {     width:224px;     height:25px;     position:relative; } .price {     width:160px;     height:20px;     background-color:#847077;     position:relative;     float:left; } .button {     width:58px;     height:20px;     background-color:#6a5acd;     position:relative;     float:left; } .line2 {     width:224px;     height:5px;     background-color:#000000;     position:relative;     padding-bottom:20px; } .placeholder {     height:800px;     width:800px;     position:relative;     padding-top:1000px; } 

.sub {     width: 224px;         position: relative;     } 

you getting white space of 20px height of .sub

also height of

.subbox { width: 224px; height: 20px; position: relative; }