En firefox la curva inferior se descuelga y sale al costado

Hola!!!! Tengo un problema con la curva inferior. En Firefox med dicen que sale al costado del navegador. Yo lo estoy haciendo con I explorer y se ve bien pero con Firefox no. Ya intente achicar la publicidad del pie como me aconsejaron en el panel de criticas, le puse mas div para separar todo pero no hay caso.
aqui les dejo el html del pie y cuva inferior y la hoja de estilo.
Muchas gracias.
Ana
http://www.cabanias-delsol.com.ar





</div>
</div>
<div id="pie">
<div id="pieuno">


[contenido no disponible]</p>
</div>
<div id="pieseis">


<a id="mws4519689" href=
"http://webstats.motigo.com/" target="_blank">
[contenido no disponible]</a></p>
<script type="text/javascript"
src="http://m1.webstats.motigo.com/c.js?id=4519689"></script>
</div>
<div id="piedos">
<div id="piea">



<a href="http://jigsaw.w3.org/css-validator/validator?uri=www.cabanias-delso…
" target="_blank">
[contenido no disponible]
</a>
</p></div>
<div id="pieb">



<a href="http://jigsaw.w3.org/css-validator/validator?uri=www.cabanias-delso…
" target="_blank">
[contenido no disponible]
</a>
</p></div>
<div id="piec">


[contenido no disponible]</p>
</div>
</div>
<div id="piecuatro">


[contenido no disponible]</p>
</div>
<div id="piecinco">
<div id="pied">



[contenido no disponible]
</p>
</div>
<div id="piee">



[contenido no disponible]
</p>
</div>
</div>
<div id="piesiete">


[contenido no disponible]</p>
</div>
<div id="pietres">


<a href=
"mailto:[correo eliminado]"><img src=
"objetos/buzon.gif" height="29px" width="29px" alt=
"Pulse para escribir un E-Mail"></a></p>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>




* {
text-indent : 0;
margin : 0;
padding : 0;
border : 0;
}
p {
text-align :justify;
color : #000000;
}
.centrado {
text-align : center;
}
.enlace {
width : 120px;
background-color : #eedfcc;
color : #a52a2a;
}
h1 {
font-size : 1.2em;
color : #000000;
font-weight : bold;
text-decoration : underline;
text-align : center;
background-color : #ffefdb;
}
h2 {
font-size : 1.1em;
color : #363636;
font-weight : bold;
text-decoration : none;
text-align : center;
}
h3 {
font-size : 1em;
color : #363636;
font-weight : bold;
Text-decoration : none;
text-align : center;
}
body {
text-align : center;
background-color : #fff5ee;
color : #000000;
font-family : helvetica, sans-serif, arial, verdana;
font-size : 0.9em;
}
img {
border-style : none;
}
#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 : #ffffff;
border-left : 1px solid black;
border-right : 1px solid black;
height : 347px;
color : #000000;
}
#navegacion {
color : #000000;
background-color : #48d1cc;
border : 1px solid black;
height:20px;
width : 800px;
}
#navegacion li {
float : left;
list-style : none;
margin : 0px 10px 0px 10px;
font-weight : bold;
}
#navegacion ul {
margin-left : 40px;
}
#contenido {
color : #000000;
background-color : #ffefdb;
border-left : 1px solid black;
border-right : 1px solid black;
width : 800px;
float : left;
background-position : bottom;
padding-bottom : 3px;
}
#contenido p {
padding : 5px 10px 5px 10px;
}
#contenido h1 {
padding-top : 15px;
}
#contenido h2 {
padding-top : 15px;
}
#contenido ul {
margin-left : 250px;
text-align : left;
}
#arenasli ul {
margin-left : 350px;
text-align : left;
}
#centro {
border : 1px solid #a52a2a;
margin-top : 20px;
margin-right : 15px;
margin-bottom : 10px;
width : 590px;
float : right;
}
#cerca {
border-top : 1px solid #cdb79e;
border-bottom : 1px solid #cdb79e;
margin : 20px 80px 10px 80px;
background-color : #ffefdb;
color : #000000;
}
#cerca p {text-align : center;
font-size:0.9em;
color : #000000;
background-color : #ffefdb;
}
#menu {
background-color : #ffffff;
color : #000000;
width : 150px;
float : left;
margin-top : 3px;
margin-bottom : 3px;
margin-left: 3px;
background-image : url(objetos/menu-parte-inferior.gif);
background-position : bottom;
padding-bottom : 8px;
}
#menu p {
text-align : center;
}
#menu h2 {
text-decoration : none;
font-size : 12px;
background-image : url(objetos/menu-curva-superior.gif);
background-repeat : no-repeat;
padding-top : 3px;
}
#menu h3 {
text-decoration : none;
font-size:15px;
}
#comocentro {
border : 1px solid #a52a2a;
width : 590px;
margin-top : 20px;
margin-right : 15px;
margin-bottom : 20px;
float : right;
}
#pie {
color:#708090;
background-color : #ffffff;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
height : 35px;
}
#pie p {
color :#696969;
font-size : 0.7em;
background-color : #ffffff;
}
#pieuno {
float:left;
width : 112px;
border-right : 1px solid silver;
}
#piedos {
float : left;
width : 279px;
border-right : 1px solid silver;
}
#piea {
float : left;
}
#pieb {
float : left;
}
#piec {
float : left;
}
#piedos p {
float : left;
}
#pietres {
float : left;
width : 33px;
border-left : 1px solid silver;
}
#piecuatro {
float : left;
width : 30px;
border-right : 1px solid silver;
}
#piecuatro p {
text-align : center;
}
#piecinco {
float : left;
width : 278px;
border-right : 1px solid silver;
}
#pied {
float : left;
}
#piee {
float : left;
}
#piecinco p {
text-align : left;
}
#pieseis {
float : left;
width : 30px;
border-right : 1px solid silver;
}
#piesiete {
float : left;
width : 30px;
}
#inmobiliaria {
border : 1px solid #a52a2a;
margin-top : 20px;
margin-right : 35px;
margin-bottom : 10px;
width : 520px;
float : right;
}
#inmobiliaria p {
text-align : center;
}
#consultas {
border : 1px solid #a52a2a;
margin-top : 20px;
margin-right : 15px;
margin-bottom : 10px;
width : 590px;
float : right;
}
#discapacitados {
font-size:0.8em;
color : #000000;
background-color : #eedfcc;
border: 1px solid #a52a2a;
float:left;
margin-top : 20px;
margin-left : 15px;
margin-bottom :10px;
width : 314px;
height : 95px;
}
#discapacitados p {
text-align : center
}
.cursiva {
font-style : italic;
}
.negrita {
font-weight : bold;
text-align : center;
}
#pesca {
font-size : 0.8em;
color : #000000;
background-color : #eedfcc;
border : 1px solid #a52a2a;
float : right;
margin-top : 20px;
margin-right : 15px;
margin-bottom :10px;
height : 95px;
width : 400px;
}
#pescauno {
color : #000000;
background-color : #eedfcc;
border : 1px solid #a52a2a;
margin-top : 15px;
margin-bottom : 15px;
margin-left : 20px;
margin-right : 20px;
}
#cuatriciclos {
color : #000000;
background-color : #eedfcc;
border : 1px solid #a52a2a;
margin-top : 15px;
margin-bottom : 15px;
margin-left : 15px;
margin-right : 15px;
}
#cuatriciclos p {
text-align : center;
}
#cuerpodis {
border : 1px solid #a52a2a;
width : 590px;
margin-right : 15px;
margin-top : 20px;
margin-bottom : 10px;
float : right;
}
#curva-inferior {
background-image:url(objetos/curva-inferior.gif);
background-repeat : no-repeat;
width : 800px;
height : 12px;
overflow : hidden;
}
a {
color : #a52a2a;
text-decoration : none;
display : block;
font-size : 1.1em;
}
a:hover {
color : #ff0000;
text-decoration : underline;
background-color : #ffefdb;
}

Hola:
Yo le sugeriría que pusiera todos los códigos (completos)
porque a veces lo que uno cree que puede ser el problema no necesariamente es de allí, puede que incluso sea algún margen demás que tenga en la capa navegación (con los enlaces) y eso pudiera estar generando el problema, le reitero, si usted tiene un problema con la curva inferior , puede que el problema venga de otra parte.
Saludos

Pensando que no habia salido mande dos veces el html, en este mensaje borré uno.

ojala respondan rapido a la pregunta de nuestra colega a mi me sucede exactamnte igual :arrow: el pie se ve a un lado en firefox

http://www.cadenaestrella.info

bueno lo he solucionado en parte ana maria , pense que estaban definidos todos los margenes menos el inferior asi que probe ... la palabra en ingles es top-bottom .. le añadi a la hoja de estilo general y vi que la linea de altura quedava sobre una imagen fui provando de bajarla en altura y al final como quedo mejor fue asi:

#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; border-bottom: black 1px solid ; height: 160px }

en firefox se ve bien aun hay un problema la otra barra que se ve doble no esta centrada , pero esta mejor, ahora pruevo de quitarle el border-bottom ...

#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 160px }

perfecto ¡¡¡ jajaja aun se ve doble ,, pero esta la barra abajo en firefox, espero ayudarte un saludo.. voy cojiendo el trankillo a esto, este foro me encanta. :lol:

Hola:
Me ha costado un poco descifrar la forma en que tiene diseñada la capa pie, y aún estoy en componerla de manera que las imagenes con sus enlaces y el contador calcen bien, en todo caso también he visto que en la cpa navegación todos esos enlaces que tiene provocan un desajuste en las capas de abajo, probé reduciéndo los márgenes en la capa navegacion li y se han ajustado mejor y se a acomodado también en la vista Firefox al igual que en la capa navegación ul quitándole margen, es importante entender que las fuentes tienen un tamaño por defecto, y que un píxel que tenga de mas o de menos pude causar un descuadre en cualquier parte no solo donde están esas fuentes, lo de la cpa pie ya es otra cosa, creo que tiene demasiadas divisiones individuales, claro que puede ponerlas todas pero es muy bueno reducir las capas que las contienen, queiro decir que si la capa pie tiene 800 px de ancho le quitamos los dos px de margen que tiene, a la izquierda y a la derecha nos quedaría una capa de 798 px de ancho, si se dividiera esa capa pie en tres capas no importa el tamño de cada una ya que la primera o sea el pieuno podría medir de ancho 112px o mejor pudiera tener 130px de ancho y meter en ella dos imágenes la de 100 y la de 30px, así también la capa piedos que parece que mide 279px de ancho de los cuales solo está ocupándo 149px o sea en esa capa le cabe otra imagen de 30px, y así sucesivamente por que es muy difícil lo que usted desea lograr creando tantas capas de diferente tamaño si yo tuviese que meter diez imágenes en la capa pie , dividiría esa capa en tres capas que de partida quedaran perfectas y luego metería en cada una de ellas las imágenes y que cubrieran todo el ancho de dicha capa como le decía si tengo tres imágenes que suman 278px entre las tres pues haría una de las capas de 278 px de ancho, ya he pasado sus códigos al ordenador y seguiré viendo como se puede arreglar.
Saludos

Gracias Raulyure!! por tu dedicación, hay más personas con el mismo problema asi que estas ayudando a varios. Bueno te estoy siguiendo, achiqué los margenes en navegacion li y se juntaron los enlaces pero si achico el margin de navegacion ul me queda muy corrido el conjunto a la izquierda y queda desproporcionado. Para que yo lo vea parejo en IExp. tengo que agrandar el margin:left de navegacion ul.
Lo de las capas de pie tenés razón son muchas y yo también me mareo con tantas lo que pasa es que si quiero poner varias imagenes en una capa me salen una debajo de la otra y la unica manera que pude colocarla una seguida de otra es separandolas en capas pero si, se que se hicieron muchas :( . Será ese el problema??
Cuando pueda tendría que hacer nuevamente el pie, arrancar de cero y hacerle menos divisiones como me decis vos. Cuando lo tenga si no te molesta te vuelvo a preguntar, asi me lo miras.
Muchas gracias!!!!!!
Saludos.

http://www.cabanias-delsol.com.ar