[AYUDA] Que está mal?

Buenas!
Estoy haciendo un proyectillo con HTML y CSS pero no consigo entender porque cuando abro el navegador no se me visualiza absolutamente nada :S
Os dejo los códigos:
HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mypage</title>
<link rel="stylesheet" href="estilos.css" type="text/css" />
</head>
<body>
<div id="cabecera"></div>
<div id="nav"></div>
<div id="contenido"></div>
</body>
</html>

CSS:

<style type="text/css">

#cabecera
{
width: 100%;
height: 20%;
background-color: black;
}
#nav
{
float: left;
width: 30%;
height: 80%;
font-family: Arial;
background-color: red;
overflow: auto;
}
#contenido
{
float: left;
width: 70%;
height: 80%;
font-family: Helvetica;
background-color: green;
overflow: auto;
}

</style>

Estoy bloqueado; a ver si alguien consigue ayudarme porque quizás la respuesta está en mis narices pero no la veo :S

Gracias y saludos!!

	Bienvenido(a), Visitante. Por favor, ingresa o regístrate. ¿Perdiste tu email de activación?	Abril 19, 2024, 05:34:49
		Ingresar con nombre de usuario, contraseña y duración de la sesión