Diseño web. Ayuda con divs.

Hola, me puede ayudar alguien con un html. quiero hacer dos o tres divs con 100% height pero al hacer el navegador no quiero que el div de debajo se coma el de arriba.

<div id="padre">
<div id="uno">a</div>
<div id="dos">b</div>
<div id="tres">c</div>
</div>

el css

html, body {
width:100%;
height:100%;
margin:0;
padding:0;

}

#padre{
width:100%;
height:100%;
margin:0;
padding:0;

}

#uno{
width:100%;
height:100%;
margin:0;
padding:0;
background-color:red;

}

#dos{
width:100%;
height:100%;
margin:0;
padding:0;
background-color:black;

}

#tres{
width:100%;
height:100%;
margin:0;
padding:0;
background-color:yellow;

}

la pagina es http://chameleoncreativo.com/sistemas_placomac/

si haceis el navegador mas pequeño vereis como el div de abajo se sube encima del otro