Help on right and left float of div


I'm stuck on the Build a Resume exercise. When I add the position tag's for the left and right columns and the clear to the footer they end up stack on top of each other. I have tried adding margins and other position tags but it hasn't helped.

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	    <div id="header"></div>
	    <div class="left"></d>
	    <div class="right"></d>
	    <div id="footer"></d>

 div {
 border-radius: 5px;
#header {
    position: fixed;
    z-index: 1;
    background-color: #fb2e01;
    height: 60px;
    width: 95%;
.right {
    float: right;
    background-color: #6fcb9f;
    height: 400px;
    width: 75%;
    margin-top: 10px;
.left {
    float: left;
    background-color: #ffe28a;
    height: 400px;
    width: 7%;
#footer {
    background-color: blue;
    height: 60px;
    width: 100%;
    clear: both;


You've got d instead of div...


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.