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:

IE9 image

another image in the browser:

else

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?

+3
source share
6 answers

css reset, . , IE9 (, ..). - IE9 , .

0

-.

body .musicContainer red. , html . -, , .

FF ( 5.0) .

+1

, IE9.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

, IE9 , IE8, , .

.

Enjoy

0

-. ie8. , , .

html5-, http://www.jplayer.org/?

0

All Articles