Las corecciones ortogtaficas me dan igual, ni es el hacento del nombre de css, ni es lo dicho Kseso?. He reescrito todo el codigo lo del titulo ya esta, estaba intentando colocar un div, fuera de un div padre, pero lo siguiente llevo desde que me levante a las 17:00 intentando solucionarlo, es el menu, que no se cierra, y me lo desborda, haver si alguien me da una mano, en el colo las leciones gramaticales (yo en el cole me lo pasaba con las mano en los bajos soñando cosas herooticas) que cosas no?¿ (pero gracias a los dos,) )
HTML
<!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>Musica y animación japonesa</title>
<link href="tema.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div class="padre">
<div class="titulo"><h1><span style="display:none">NIPON</span></h1> </div>
<div class="content_menu">
<div class="menu">
<ul class="MN">
<li><a href="#">acción 1</a></li>
<li><a href="#">acción 2</a>
<ul class="sud_MN">
<li><a href="#">acción 1</a></li>
<li><a href="#">acción 2</a></li>
</ul>
</li>
<li><a href="#">acción 4</a>
<ul class="sud_MN">
<li><a href="#">acción 1</a></li>
<li><a href="#">acción </a></li>
<li><a href="#">acción </a></li>
<li><a href="#">acción </a></li>
</ul>
</li>
<li><a href="#">acción 5</a></li>
</ul>
</div>
</div>
<div class="content_cuerpo"></div>
</div>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
/*body{
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:14px;
color: #666;
margin:0;
padding:0;
background-image:url(img/fondo.gif);
background-repeat:no-repeat;
background-attachment:fixed;
}*/
body{font:100 14px Arial, Helvetica, sans-serif; color:#666; background-image:url(img/fondo.gif); background-repeat:no-repeat; background-attachment:fixed; margin:0; padding:0;
}
.padre{
width:896px;
background:#76C7A9;
margin:0;
}
.titulo{
padding:0;
border:0;
width:896px;
height:220px;
background-image:url(img/logo.gif);
}
.content_menu{
margin:0px;
padding:0px;
float:left;
width:350px;
background:#76C7A9;
}
.content_cuerpo{
margin:0px;
padding:0px;
float:right;
width:530px;
background:#76C7A9;
}
.menu{
float:left;
width:220px;
height:330px;
background:url(img/menu.gif) no-repeat;
}
ul li{
margin:0px;
padding:0px;
}
ul.MN{
list-style:none;
color:#B8ECF5;
}
ul.MN a, ul.MN a:visited{
padding:5px 5px 5px 15px;
font:100 14px;
display:block;
color:#71B5D9;
text-decoration:none;
}
ul.MN a:hover, ul.MN a:active, ul.MN a:focus{
background:#81DAAD;
color:#5492C5;
}
ul.sud_MN a, ul.sud_MN a:visited{
font:100 14px;
text-decoration:none;
}
ul.sud_MN a:hover, ul.sud_MN a:active, ul.sud_MN a:focus{
background:none;
color:#5492C5;
}
gracias, y siento ser tan pesado