Problem with 5.Floating left and right


#1

CSS

div{
 border-radius:5px;
 height: 50px;
 width: 100px;
 background-color: green;
}

.left {
    float: left;
}

.right {
    float: right;
}

#header {
    position: fixed;
    z-index: 1;
}

HTML

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

divs dont floating and in css word (after float:) is yellow (it is normaly red.
it says me now erors only Oops, try again. Did you remember to float .left to the left?
(<on begin of element missing to be visible here in code i have them)


#2

you should have 4 div's. Because you only have two, your .left is also your #header, and your header is fixed, and floating doesn't work on fixed elements


#3

ty i understood the task badly