5. Floating Left And Right Bug


#1

https://www.codecademy.com/courses/web-beginner-en-9x6JW-WnAFv/0/5?curriculum_id=50579fb998b470000202dc8b

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;


}


#2

float will not work on elements with absolute position


#3

Thanks yet again stetim94! Not all heroes wear capes.


#4