hola, hay algo q esta mal en este codigo me podrian decir q es....tengo problemas al cambiar el fondo del menu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<style type="text/css">
body {
margin: 0px;
background-color: #FFFFFF;
}
.centrado {
border:1px #222222 solid;
margin-left:auto;
margin-right:auto;
width:800px;
background-color: #FF0000;
height: 1080px;
}
.centrado #logo {
height: 100px;
margin-right: auto;
margin-left: auto;
}
.centrado #menu {
height: 50px;
background-color: #000000;
}
.centrado #contenido {
margin-right: auto;
margin-left: auto;
background-color: #CCCCCC;
height: 900px;
}
.Estilo1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
background-color: #E1E1E1;
}
</style>
<div class="centrado">
<div id="logo"><img src="IMAGES/logo.png" width="800" height="150" /></div>
<div class="Estilo1" id="menu">
<div align="center" class="centrado">HOME - INSTITUTO - NIVELES - SERVICIOS INCLUIDOS - ACTIVIDADES <br />
EXTRACURRICULARES - NOTICIAS - FORO</div>
</div>
<div id="contenido"><img src="IMAGES/contenido.png" width="800" height="891" /></div>
</div>
<div id="apDiv1"></div>
</body>
</html>