Floating left and right, does not work!


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:



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