hi guys having a little hickup with my layout in IE

looks okay in FF

 

here is a link

 

the parent div has a relative style and the boxes in that div are positioned absolute

 

here is a segment of the css

 

#blurbs{ /* parent div*/
position:relative;
margin: 10px auto;
width:978px;
height: 215px;
}

#contentControl{
position:absolute;
width:310px;
height:214px;
background-image:url(../images/contentcontrol.png);
background-repeat: no-repeat;
background-position: center top;
float:left;
}
#contentControl .inner{
position:relative;
top:70px;
left:160px;
width: 120px;
height: 80px;
text-align:left;
font-size:14px;
}

#bookingManager{
position:absolute;
display:block;
width:310px;
height:214px;
left:334px;
background-image:url(../images/bookingmanager.png);
background-repeat: no-repeat;
background-position: center top;
}

#bookingManager .inner{
position:relative;
top:70px;
left:160px;
width: 120px;
height: 80px;
text-align:left;
font-size:14px;
}

#menuManager{
position:absolute;
width:310px;
height:214px;
left:668px;
background-image:url(../images/menumanager.png);
background-repeat: no-repeat;
background-position: center top;
display:inline:
}
#menuManager .inner{
position:relative;
top:70px;
left:160px;
width: 120px;
height: 80px;
text-align:left;
font-size:14px;
}



#contentControl a.more{
position:absolute;
top:160px;
left:210px;
background:url(../images/more.png) no-repeat 0 0;
width:85px;
height:35px;
line-height:24px;
overflow:hidden;
margin:0;
text-indent:-9000px;
outline:none;
}

#contentControl a.more:hover{
background-position:0 -35px;
}

#bookingManager a.more{
position:absolute;
top:160px;
left:210px;
background:url(../images/more.png) no-repeat 0 0;
width:85px;
height:35px;
line-height:24px;
overflow:hidden;
margin:0;
text-indent:-9000px;
outline:none;
}

#bookingManager a.more:hover{
background-position:0 -35px;
}

#menuManager a.more{
position:absolute;
top:160px;
left:210px;
background:url(../images/more.png) no-repeat 0 0;
width:85px;
height:35px;
line-height:24px;
overflow:hidden;
margin:0;
text-indent:-9000px;
outline:none;
}

#menuManager a.more:hover{
background-position:0 -35px;
}

#bookingManager h1{
display:none;
}

#contentControl  h1{
display:none;
}

#menuManager h1{
display:none;
}

 

thanks in advanced

took another look with fresh eyes and think i have it sorted now ! hopefully ?

if it looks okay in ie 6 or 7 please let me know thanks