Whats wrong with my css?

can someone point out whats wrong with my css? Here is the external style sheet. and below is the html. All im getting is a grey background when i should have a white body box and a navigation image on top.


body {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #CCCCCC;
}
DIV.bodybackground {
	z-index: 1;
	position: absolute;
	width: 776px;
	height: 700;
	background-color:#FFFFFF;
}
DIV.navigationbar{
	z-index: 2;
	position: absolute;
	width: 776;
	height: 53;
	background-image:url(images/navbar.gif);
}


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="mscstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="bodybackground">
<div class="navigationbar"></div>
</div>
</body>
</html>