Problemas con capas y firefox

hola, en mi pagina web estoy intentando poner el pie de pagina siguiendo la guia del HTML-Kit y se me ve bien en en el explorer pero no en firefox.

mi pagina es la siguiente:
http://www.cookietest.site90.net/plantilla.html

este es el codigo de la css:

* {text-indent:0px ; margin:0px ;margin:0px ; padding:0px ; border: 0px}

p{text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; 
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body {text-align: center}

#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat; width: 800px; height: 12px;
									overflow:hidden }
#cabecera {background-color: white; border-left: black 1px solid ; 
           border-right: black 1px solid; height:85px}
					 #logotipo   {width:280px; float:left}
					 #publicidad {width:518px; float:right; margin-top:25px}
#navegacion {background-color: gray; border: black 1px solid; height:20px }
					 #navegacion li{float:left; list-style:none; margin: 0px 20px 0px 20px}
					 #navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; float:left; 
            border-left: black 1px solid ; border-right: black 1px solid }
					 #contenido p{padding: 5px 10px 5px 10px; text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left; 
       text-align:left; margin:3px 10px 3px 3px;
			 background-image: url(objetos/menu-parte-inferior.gif); 
			 background-position: bottom;
			 padding-bottom:10px }
			#menu h1 {text-decoration:none ; font-size:14px; 
			          background-image: url(objetos/menu-parte-superior.gif);
								padding-top:12px}
			#menu li {list-style:none; margin: 4px 8px 4px 6px;}
			#menu a {width:120}
#pie {; border-left: black 1px solid; 
      border-right: black 1px solid; border-top: black 1px solid; height: 65 px
			}
			#pieuno{float:left; width:150px;}
			#piedos{float:left; width:498px}
			#pietres{float:left; width: 150px}
			#pie li {list-style: none; font-size: 12px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat; width: 800px; height: 12px;
									overflow:hidden;}
a {color: brown; text-decoration: none;}
	a:link{}
	a:visited{}
	a:hover{color:red; text-decoration:underline; background-color:silver;}
	a:active{}
border: 1px solid black ;

alguien me puede decir que he puesto mal por favor? gracias de antemano ^^

mmmm

creo que te falta ponerle altura al div pie en el css

saludos

he probado pero nada, sigue igual :(

Derilith2 escribió:he probado pero nada, sigue igual :(

Hola:
Si desea, puede a la capa contenido quitarle ese float:left y ponerle width:auto;
También le recomiendo que trate de no copiar y pegar, ya que a veces los programas y los navegadores no reconocen muy bien los códigos.
También a veces hay que poner en la hoja de estilo los códigos seguidos, o sea en una línea.
Se lo digo, aunque se supone que no debiera de suceder, pero de vez en cuando les da esa manía de no reconocer el siguiente código que estaría en la línea de abajo. y conviene probar por si fuese ese el problema, aunque en su caso creo que bastará con ponerle a la capa contenido ese width:auto
Saludos

hola, perdon pr tardar tanto en contestar, esk estoy un poco liado ultimamente. me lo he estado mirando y empeze a escribirlo de nuevo por si era por lo de copiar y pegar y me di cuenta de k habia escrito 65 px separado, lo he cambiado y ahora se ve bien, perdon por las molestias, y gracias por las respuestas ^^