Height and Width of .right and .left classes don't work


#1


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

I am able to pass a lot of the checks, but my webpage is simply not working. The right and left div's are completely missing and after fixing the header and clearing both, the footer is also gone. No blocks are showing up even though I have set height and widths for the right and left classes. Below is what my webpage looks like:





(HTML code)

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header">Header</div>
	<div class="right">Right
	This is the paragraph of text that is missing
	</div>
	<div class="left">Left</div>
	<div id="footer">Footer</div>
	
	</body>
</html>

(CSS stylesheet)

#header {
    position:fixed;
    z-index:1;
    height:100px;
    width:800px;
    background-color:#a57548;

}

#footer {
    height:100px;
    width:800px;
    clear:both;
    background-color:#a57548;
}

.right {
    float:right;
    height:600px
    width:200px;
    background-color:#99ffff;
}

.left {
    float:left;
    height:600px
    width:300px;
    background-color:#99ffff;
}


#2

after height: value you miss semi-colons


#3

Yep. I just found this. Sorry for posting too early. I thought I checked over it, though I'm surprised CodeAcademy doesn't check these.


#4