cmdmss

Prezados colegas, bom dia.

Tenho uma div principal, e dentro desta, outra div(secundaria).

estou tentando posicionar a div secundaria na div principal. Quero colocara por exemplo a 10% abaixo do topo da div principal, eu seto o CSS para top:10% mas ela não vai!

Segue abaixo codigo.
 

<div id="DivPrincipal">

<div id="IntDiv1">

<table align="left">

<?

echo "<tr><td>De ".mostraData($x->dataIni)." a ".mostraData($x->dataFim)."</td></tr>";

echo "<tr><td>".$x->local." / ".$x->cidade." - ".$x->estado."</td></tr>";

echo "<tr><td><table><tr><td>FALTAM</td></tr><tr><td>X dias</td></tr></table></td></tr>";

?>

</table>

<div id="divInt2">

<table>

<tr><td>Lista de Inscrições</td></tr>

<tr><td>

<table>

<tr><td>Inscrição</td><td>Nome</td><td>CPF</td><td>Email</td><td>Celular</td></tr>

</table>

</td></tr>

</table>

</div>

</div>

</div>

e no css
 

#DivPrincipal{

position: relative;

width: 800px;

z-index:1;

top: 10%;

border: 1px solid black;

border-radius:11px;

background-color: white;

overflow: auto;



}



#divInt2{

position:relative;

top:30%;

}

Alguem pode me dar a luz no fim to tunel?