O position absolute está a cima position fixed queria deixar ao contrario

html

<section> 
<nav>
<ul>
<li><a href="index.html">Index</a></li>
<li><a href="index.html">Index</a></li>
<li><a href="index.html">Index</a></li>
<li><a href="index.html">Index</a></li>
<li><a href="index.html">Index</a></li>
<li><a href="index.html">Index</a></li>
</ul>
</nav>
</section>

	 

	css

#topo{
    background:#000;
    width:100%;
    text-align:center;
    margin-top:-10px;
    position:fixed;          
}

nav ul{

    list-style: none;
    text-align:center;
    width:100%;
    margin-top:25%;
    position:absolute;
}

	como vcs podem ver o menu está sobre o topo eu queria que ele passasse por de trás do topo é só um exemplo que o position absolute está passando sobre o position fixed

	 

	 

	 

	 

	 

	![imagem](https://forum.imasters.com.br/monthly_2017_06/cima.png.6bc2f629ee3ee981e040308a93057559.png)

	![imagem](https://forum.imasters.com.br/monthly_2017_06/BAIXO.png.9f4ff6a35e8ae55c8f97f23d64c20e85.png)