perdon aqui coloco los codigos:
lo que contienen los dos archivo php
<!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"> <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" /> <img id="img-title" src="titulo.jpg" title="abcd"></img> <li id="activo"><a href="#" >h
</a></li> <li><a href="acercade.php" >Acerca de
</a></li> <div id="content-wrapped"> <?php
include ('aplicacion.php');
?>
contenido css:
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.