5. Floating Left And Right Bug

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

https://www.codecademy.com/courses/web-beginner-en-9x6JW-WnAFv/0/5?curriculum_id=50579fb998b470000202dc8b
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

Error message says "did you remeber to float .right to the right. I have yet its still messed up ;/



#header {
 display: 
 position: fixed;
 z-index: 1;
 background-color: #3399ff;
 height: 50px;
 width: 720px;
 border-radius: 10px;

}
.left {
 display: inline-block;
 background-color: #66ff99;
 float: left;
 height: 320px;
 width: 200px;
 margin-top: 7px;
 border-radius: 10px
 
}
.right {
 position: absolute;
 float: right;
 display: inline-block;
 background-color: #bb99ff;
 height: 320px;
 width: 515px;
 margin-top: 7px;
 margin-left: 5px;
 border-radius: 10px;
 

}
#footer {
 display: block; 
 margin-top: 335px;
 position: relative;
 background-color: #3399ff;
 height: 55px;
 border-radius: 10px;


}


float will not work on elements with absolute position

Thanks yet again stetim94! Not all heroes wear capes.