Duplicata Possível:
CSS - 100% de altura não funciona

eu tenho 3divs, odiv-1 é um fundo ediv-2 ediv-3 são dois contêineres (um para texto e outro para foto).

HTML:

<div id="div-1">
    <div id="div-2"></div>
    <div id="div-3"></div>
</div>

CSS:

#div-1 {
width: 100%;
height:100%;
padding: 40px 0;
margin:0;
}

#div-2 {
width: 500px;
margin: 0;
float: left;
}

#div-3 {
width: 200px;
margin: 0;
float: right;
}

Isso é o que eu recebo:

Por quêheight: 100% não funciona?