What am I doing wrong, when I add number 2 block it jumps into the first one and overlapping on the page.
Thanks

<style type="text/css" media="screen">
#easy {
position:relative;
background-image:url(../../images/easy.png);
width:701px;
height:151px;
}
#number {
position:absolute;
top:10px;
left:12px;
font-size:12px;
}
#level-easy {
position:absolute;
top:10px;
left:95px;
font-size:12px;
font-weight:bold;
color:#17bd0b;
}
#price {
position:absolute;
top:10px;
left:338px;
font-size:12px;
}
#persons {
position:absolute;
top:25px;
left:388px;
font-size:12px;
}
#tittle {
position:absolute;
top:45px;
left:12px;
font-size:14px;
font-weight:bold;
}
#description {
position:absolute;
top:65px;
left:12px;
font-size:12px;
width: 459px;
height:45px;
overflow:hidden;
}
#picture {
position:absolute;
top:11px;
left:480px;
width:210px;
height:130px;
border:none;
}
#book {
position:absolute;
top:126px;
left:12px;
font-size:12px;
font-weight:bold;
}
#more-info {
position:absolute;
top:126px;
left:416px;
font-size:12px;
font-weight:bold;
}
</style>

Type:	Discussion
Status:	New