IE float issue?

[Foppa]

I floated an image to the left and when I did this it pushed three other images that were below it to the far right. They were nicely centered in their own divs but now are way off the page.

This is only happening in IE (i'm using IE 8 ). I can't figure out how to center them again in IE.

When I added the content-header in the code below, thats when it threw the three buttons to the right:

#content-header {
    float: left;
    padding-top: 20px;
    clear: both;
}

#product-image {
    padding-top: 25px;
    padding-right: 10px;
    padding-left: 3px;
    float: right;
}

#buttons {
    display: block;
    width: 780px;
    position: absolute;
    top: 500px;
    text-align: center;
    margin: auto;
    clear: both;
}

#align-left {
    float: left;
    text-align: left;
    width: 260px;
}    

#align-center {
    float: left;
    text-align: center;
    width: 260px;
}

#align-right {
    float: left;
    text-align: right;
    width: 260px;
}