Programmer - Position Absolute Problems in Older IE

Programmer Question

.top_line {
background:#003466;
float:left;
height:107px;
width:100%;
}
.header_logo {
background:url("../images/header.png") top no-repeat;
position: absolute;
height:107px;
width:910px;
}
.page_wrapper {
margin:0px auto;
width:910px;
}

<div class="top_line"></div>
<div class="page_wrapper">
<div class="header_logo" align="center"></div>

The header image appears correctly in the background color on FF,Chrome, and newer versions of IE. However it appears below and to the right of the background-color bar on older versions of IE. How do I fix this?