Hola, pretendo que un div menu (que esta dentro de un contenido) se centre dentro del div contenido y tenga una separacion superior, un margin-top. Resulta que la separacion tiene efecto, si le aplico un borde al div contenido, si le quito el borde, el div menu se pega el div contenido. No se que ocurre, os pego el codigo y espero me podrais ayudar.
index.php:
<!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>
<link href="css/estilo.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="contenido">
<div id="menu"></div>
</div>
</body>
</html>
estilo.css:
#contenido {
background-color:#99CC66;
width:800px;
height:435px;
border:1px solid;
}
#menu{
width:750px;
height:25px;
margin:1% auto;
background-color:#000000;
}