IE9 CSS float: right Error?

Here are my styles:

Parent container:

div.musicContainer {
        width:820px;
        height:54px;
        margin-bottom:20px;
}

Containers for children:

div.hardcorePlayer {
    width:400px;
    float:left;
    border:none;
    background-color:#996600;
}

div.feedbackPlayer {
    width:340px;
    float:right;
    border:none;
    background-color:#996600;
}

The problem is that I installed IE9 yesterday, and while IE8 displayed perfectly, now the feedback divFlex is no longer aligned to the right border. it displays perfectly in other browsers, as before.

Is this an IE9 bug?

IE9 image:

another image in the browser:

Thank you very much for your thoughts on this matter.

Website URL: www.guygar.com/guygar.html

NOTE: here is the new CSS with the reset data. Did I do something wrong?