Voy al grano de una vez tengo este script:
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ayuda TodoExpertos.com - @JuanGarciaR</title>
<script src="http://bphpd.comlu.com/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('#mostrar').click(function(){
$('#capa').toggle('slow').css('display','block');
});
});
</script>
<style type="text/css">
#capa{
display: none;
}
ul,li{
list-style: none;
}
</style>
</head>
<body>
<a href="#" id="mostrar">Desplegar Men ú</a>
<div align="justify" id="capa">
<ul>
<li>
<a href="#">SubMenú 1</a>
</li>
<li>
<a href="#">SubMenú 2</a>
</li>
<li>
<a href="#">SubMenú 3</a>
</li>
</ul>
</div>
<br />
Hola mundo ooooooooooooooooooooooooo
</body>
</html>
Cómo hago para que el div capa cuando aparezca no empuje el escrito 'Hola mundo...' hacia abajo, sino que pase por encima.
Por cierto soy nuevo pero muy bueno en PHP espérenme allí. Lo mío es programación mas no diseño así que por eso hago esta pregunta acá sobre Css, una ayudita por favor!.