Floating left and right, does not work!


#1

Instruction: Float the div with a class of .left to the left and the div with a class of .right to the right.
PROBLEM: Oops, try again. Did you remember to float .left to the left?

HTML code:

    <div id="header" class="left"></div>
    <div class="left"></div>
    <div class="right"></div>
    <div id="footer"></div>

CSS code:

.left{
    float:left;   
}
.right{
    float:right;
}

#3

you assigned both a class and id to this div:

<div id="header" class="left"></div>

float won't work with #header being fixed, remove class left from your div with id header