Anomalías en div ocultos con position:relative

[Linton]

Codeams, no son divs dentro de divs, sino divs dentro de <li>. El código:

Código HTML:

<nav>
        <ul>
            <li id="uno"><a href="#"><span class="arriba">Uno</span>
                <span class="abajo">Recursos</span></a>
                <div class="hide izda"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
                diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
                erat volutpat.</p> <p>Ut wisi enim ad <a href="http://www.google.com">minim veniam</a>, quis nostrud exerci tation
                ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
            </li>
            <li id="dos"><a href="#"><span class="arriba">Dos</span>
                <span class="abajo">Agenda</span></a>
                <div class="hide centro"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
                diam nonummy nibh <a href="http://www.google.com">euismod</a> tincidunt ut laoreet dolore magna aliquam
                erat volutpat.</p><p> Ut wisi enim ad minim veniam, quis nostrud exerci tation
                ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
            </li>
            <li id="tres"><a href="#"><span class="arriba">Tres</span>
                <span class="abajo">Proyectos</span></a>
                <div class="hide dcha"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
                diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
                erat volutpat. </p><p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
                ullamcorper <a href="http://www.google.com">suscipit</a> lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
            </li>
        </ul>
    </nav>
 

Siddartha23, con position:relative se sitúan respecto a la pantalla, no al elemento padre, lo que genera problemas, ¿no?

Gracias, un saludo.