Buenas.
haber para que funcione lo que te comente del wrapper el codigo debe de estar asi
<html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real,sociedad,playas,futbol,Athletic,Bilbao,club,calendario,mutriku,sbb,mutrikuarrak" />
<meta name="description" content="La informacion mas cercana" />
<title>PORRAGU</title>
<link href="misestilos.css" rel="stylesheet" type="text/css" />
<body> Si aqui quieres poner una clase no pasa nada
<div id="wrapper">
y aqui todo el contenido de la web
</wrapper>
</body>
</html>
Luego ya en el css
#wrapper{widht:px ;margin:o auto;}
Mucho cuidado con el dreamweaver es una fantastica y potente herramienta pero si la usas para que te genere ayudas como hace mucha gente mete mucho codigo que en ocasiones no es demasiado util.
En principio del z-index cuanto más alto por ejemplo 10 estar por encima y cuanto más arriba mejor!
Yo cuando tengo que hacer uso de ello uso valores de 10 en 10 para no liarme.
Por ejemplo en un caso como el tuyo a la caja que contiene la info le daria un z-index 10 y a la navegación z-index 20
Espero que poco a poco vallas consiguiendo lo que necesitas.
Un saludo