aqui les dejo mi plantilla para ver que tengo mal ,porque cuando hago una vista previa se ve mal.
esta la plantilla
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenido a mi Web </div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido"><div id="menu">menu</div>
<ul>
Enlace 1 Elemento de lista, 1
Enlace 2 Elemento de lista, 2
Enlace 3 Elemento de lista, 3
Esta sera la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
y estilo general css es este
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ;float:left}
#menu li{propiedades}
#menu li{ list-style:none}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
creo que menu li propiedades y menu li list - style:none esta mal
esta la plantilla
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenido a mi Web </div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido"><div id="menu">menu</div>
<ul>
Esta sera la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
y estilo general css es este
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ;float:left}
#menu li{propiedades}
#menu li{ list-style:none}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
creo que menu li propiedades y menu li list - style:none esta mal