Marco rectangular con css

[Tarzan]

Hola a tod@s,

me gustaría realizar un marco rectangular con capas pero o consigo completarlo. Lo tengo casi terminado, a falta del lado derecho pero no me aclaro muy bien. Este es mi css y mi código:

CSS

#capa_add {
width: 235px;
height: 150px;
background-color="#FFFFFF";
}

#capa_margen_horizontal {
width: 100%;
height: 15px;
background-color="#9EA6A9";
}

#capa_margen_vertical_izquierdo{
width: 15px;
height: 100%;
background-color="#9EA6A9";
float: left;
}

#capa_margen_vertical_derecho{
width: 15px;
height: 100%;
background-color="#9EA6A9";
float: right;
}

#capa_interior{
width: 100%;
height: 120px;
background-color="#FFFFFF";
}

Código html

<div id="capa_add">
<div id="capa_margen_horizontal"></div>
<div id="capa_interior">
<div id="capa_margen_vertical_izquierdo"></div>
<div id="capa_margen_vertical_derecho"></div>
</div>
<div id="capa_margen_horizontal"></div>
</div>


¿Cómo hago para dibujar algo en el interior del marco sin romperlo?
Me gustaría introducir un par de botones en el interior sin que se rompa el marco.
Sería algo como un marco gris con dos botones en el centro alineados verticalmente. LLevo dos horas y no lo consigo porque se me rompen los márgenes ;(