These are the styles I'm using:
For the parent container:
div.musicContainer {
width:820px;
height:54px;
margin-bottom:20px;
}
And for the child containers:
div.hardcorePlayer {
width:400px;
float:left;
border:none;
background-color:#996600;
}
div.feedbackPlayer {
width:340px;
float:right;
border:none;
background-color:#996600;
}
The problem arises after installing IE9. While everything looked fine in IE8, now the feedbackPlayer div is not aligned to the right boundary anymore. It displays correctly in other browsers as it did before.
Could this be an issue with IE9?
Image of how it looks in IE9:
Image of how it looks in other browsers:
Thank you for any insights on this matter.
Website URL: www.guygar.com/guygar.html
NOTE: You can find the new CSS here with the reset data included. Have I made a mistake somewhere?