separar el menú del pie de Pág!!

Hola!
hace rato que vengo con este problema...

en el pie de pagina tengo unas imagenes que me llevan a otras págs..
el tema es que el menu lateral esta pegado a este, se ve realmente muy mal!
expeto que el contenido sea bastante y lo separe...

les dejo mi pág para que se fijen...


www.mcflyland.ueuo.com
(se ve feita.. jajaja xD)

Además...sólo se ve bien en Internet Explorer, en el Firefox se ve horrorosa!
perdon....perdoon..

pero ahora se ve perfecta!

no se...que está pasando..

el menu se separó...solo (?)
Hola mcfly

bueno empezemos por arreglar tu web para q se vea bien en firefox ya q se ve fatal pero eso es facil de corregir :P

body {text-align: center;background-color: #B0E2FF}

p {text-align: left;color: black; font:century gothic }

* {margin:0px ; padding:0px ; border: 0px} /*esto va al principio de todo*/
#global {width:850px ; margin: 4px auto}
#cabecera {background-color: #B0E2FF}
#logotipo {background-color: #B0E2FF}
#publicidad {background-color: #B0E2FF ; width:518px; float:center}


#navegacion{font: century gothic ;float:left ;margin: 0px 10px 0px 10px ;background-color: #B0E2FF; border: #B0E2FF 1px solid ; height:90px}
#navegacion li {float:left; list-style:none ; margin: 20px 10px 20px 10px}
#navegacion ul { margin-left: 120px }
#contenido {background-color: #B0E2FF ; width: 850px ; float:left; #contenido p {padding: 5px 10px 20px 10px} /*por q esto esta junto??? deberias cerrar el #contenido {} y abajo recien abrir el #contenido p{}*/

#menu {background-color: #B0E2FF; width: 150px ; float:left; list-style:none ; margin: 40px 40px 1000px 0px ; border: black 6px solid } /*cuida el margen de los pixeles ya q cuando arregles lo anterior el pie de pagina se va a ir abajo unos 1000px abajo*/




#pie { background-color: #B0E2FF; margin: 50px 50px 40px 50px} /*un float:left falta*/
#pieuno { background-color:#B0E2FF; float:left; width:130px}
#piedos {background-color: #B0E2FF ; float:left; width:130px}
#pietres {background-color: #B0E2FF ;float: left; width:150px}
#piecuatro {background-color: #B0E2FF ; float:left; width:150px}
#piecinco {background-color: #B0E2FF; float:left; width:150px}




#menu li {margin: 4px 0px 4px 6px ;list-style:none }/*esto te aconsejo q lo pongas debajo de menu ya q pertenece a menu :p*/
a {color: #B0E2FF ; text-decoration: none; ; display: block }
a:link {color: black}
a:visited {}
a:hover {color: orange ; text-decoration:none}
a:active {}

h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left}
h3 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: left}
h4 {font.size: 1.0em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h5 {font.size: .90em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: left}

ahora el html

<div id="navegacion">
<ul>
  • <a href="index.html">[contenido no disponible]
  • <a href="www.mcflyland-arg.foroactivo.com">[contenido no disponible]
  • <a href="juegos/juegos.html">[contenido no disponible]
  • <a href="dudas/dudas.html">[contenido no disponible]
  • <a href="quienessomos/quienessomos.html">[contenido no disponible]


    </div>

    Bueno arregla esto y despues vemos q mas hay q arreglar
  • Muchisiiimas Graaacias Kamael!!!

    Enserio!! Gracias!!

    tenia bastantes errores!! jajaj :oops:

    ya están arreglados...


    pero sabes una cosa??...no noto cambios...
    en Firefox...
    porque en en Explorer se ven..perfectamente!

    le he cambiado hasta el color! y en firefox se ve igual... u.u

    Igual Muchas Gracias!!! :D :D
    Firefox lee el codigo de forma diferenta.

    Por ponerte un ejemplo, si haces una tabla y no pones <table>, pero pones el cierre, firefox te lo lee como tabla.