centrar capa en otra

<style>
#contenedor {
background-color: #009900;
height:300px;
width:589px;
text-align:center;
}
#contenido {
background-color: #FF9900;
height: 50px;
margin: auto;
width: 300px;
text-aling:center;
}
</style>
<div id="botones">
<div id="contenedor">capa contenedor
  <div id="contenido">capa contenida</div>
</div>
</div>