duda css

perdon aqui coloco los codigos:

lo que contienen los dos archivo php

Código

<!DOCTYPE html PUBLIC "-//W3C//DTD// XHTML 1.0 Strict//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
	<head>
		<title> uno</title>
		<meta name="description" content="pagina de prueba" />
		<meta name="keywords" content="uno, dos, tres"/>
		<meta name="language" content="es" />
		<meta http-equiv="Content-Type" content="text/html: charset=iso-8895-1" />	
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta rel="StyleSheet" type="text/css" href="css/style.css" media="screen" />
		<meta rel="StyleSheet" type="text/css" href="css/principal.css" media="screen" />
		<meta rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
	</head>
	<body>
		<div id="wrapped-main">
			<div id="wrapped">
				<div id="title">
					<img id="img-title" src="titulo.jpg" title="abcd"></img>
				</div>
				<div id="menu">
					<ul >
						<li id="activo"><a href="#" >h</a></li>
						<li><a href="#" >h</a></li>
						<li><a href="acercade.php" >Acerca de</a></li>
					</ul>
				</div>
				<div id="content-wrapped">
					<?php
					include ('aplicacion.php');	
					?>
				</div>
			</div>
		</div>
	</body>
</html>

contenido css:

Código

body{
	font-family: Arial, Sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	background-color: #d3e5f1;
}
#wrapped-main{
	position: relative;
	width: 900px;
	height: 1000px;
	margin: 0px auto 0px; 
	padding: 0px;
 
}
#title{
	height: 200px;
}
#img-title:hover{
 
}
div{
	display: block;
}
/*Estilos de la barra de menus*/
#menu { 
	width: 900px; 
	height: 50px; 
	margin: 0; 
	padding: 0; 
	background-color: #d3e5f1;
}
#menu ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
#menu ul li { 
	display: inline; 
	margin: 0px; 
}
#menu ul li a { 
	height:33px; 
	display: block; 
	float: left; 
	padding: 17px 15px 0 15px; 
	font: bold 20px Arial; 
	color: #000; 
	text-decoration: none; 
	background: url("images/menu-separador.jpg") no-repeat right center; 
}
#menu ul li a:hover { 
	color:#000; 
	background: url("images/menu-hover.jpg") repeat-x left top; 
}
#menu ul li#activo a { 
	color:#000; 
	background: url("images/menu-hover.jpg") repeat-x left top; 
}

Bueno espero que me puedan ayudar.