Question

Here are my styles:

Parent container:

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

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 issue is: i installed IE9 yesterday and while IE8 was displaying fine well now the feedbackPlayer div is not lined up to the right boundary any longer. it displays fine in other browsers as before.

is this a IE9 bug?

IE9 image:

other browser image:

thank you very much for your thoughts on this.

website url: http://www.guygar.com/guygar.html

NOTE: here is the new CSS with the reset data. Have i done something wrong?

Answer 1

I couldn’t find a css reset being used on the site you provided. It may just be a difference in how IE9 displays different elements (margins, padding etc). I tried out the provided website in IE9 and didn’t see the problem so it’s a bit difficult to diagnose, though.