buenas noches... quisiera pedir su ayuda para arreglar mi pag web... soy nuevo en esto... voy un dia....
De antemano agradesco a jorgens xq practicamte copie su trabajo... aunq estoy en proceso de edicion...

Mi problema es el siguiente... la pagina no se ve bien en firefox ni en chrome... pero si en internet explorer.... quisiera ayuda en las siguientes cosas:

1. el fondo del logotipo no se como hacerlo uniforme es decir q ya no esten esas tres capas

2. hacer cuadrar a los botones; es decir los cinco seguidos tal como en la plantilla de jorgens.... de antemano reitero mis agradecimientos

3. Hacer cuadrar la barra donde esta copyright... solo ocurre el error en firefox

aqui esta el link de la web:
http://gorg.mywebcommunity.org/

aqui pego todo:

index:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Agricola Baquero Sistemas de Irrigacion.</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Ofrecemos todo tipo de sistemas de irrigacion" name="description">
<META content="goteo, aspersion, areas verdes, invernaderos" name="keywords">
<META content="all" name="robots">
<LINK rel="shortcut icon" href="favicon.ico">
<LINK rel="stylesheet" href="comun/estilo-general.css" type="text/css" media="all">
<STYLE>
<!--
DIV DIV #tema01 {BACKGROUND-IMAGE: url(comun/objetos/tema-activo.gif)}
#tema01 A, .apartado-a, .subapartado-a {FONT-WEIGHT: bold}
#apartados {MARGIN-LEFT: 10px}
#apartados A {MARGIN: 0px 20px}
-->
</STYLE>

</HEAD>

<BODY>

<DIV id="contenido">
<DIV id="contenido-curva-superior"></DIV>

<DIV id="banners">
<DIV id="banner1">[img]comun/objetos/logotipo.gif[/img]</A></DIV>
<DIV id="banner2"></DIV>
</DIV>

<DIV id="lenguetas">


<DIV id="temas-abajo">
<DIV id="tema01">INICIO</DIV>
<DIV id="tema02">QUIENES SOMOS</DIV>
<DIV id="tema03">SISTEMAS DE IRRIGACIÓN</DIV>
<DIV id="tema04">SISTEMAS COMUNES</DIV>
<DIV id="tema05">CONTÁCTENOS</DIV>

</DIV>

</DIV>

<DIV id="navegador">

</DIV>

<DIV id="cuerpo">
<DIV id="cuerpo-izq">

<DIV class="caja">
<h1>INICIO</h1>

</DIV>

<DIV class="caja-google">

</DIV>
</DIV>

<DIV id="cuerpo-cent">
<DIV id="cuerpo-central-curva-sup"></DIV>
<DIV id="contenidos">
<DIV class="paso"></DIV>
<H1>BIENVENIDOS</H1>


</p>


</p>


</p>


</p>


</p>


</p>


</p>

<DIV class="paso"></DIV>
</DIV>
<DIV id="cuerpo-central-curva-inf"></DIV>
</DIV>
<DIV class="paso"></DIV>
</DIV>


<DIV id="dos">


</DIV>



<DIV class="paso"></DIV>
</DIV>

<DIV id="pie">
<DIV id="contador">

</DIV>
<DIV id="cita">Visite la web del autor</DIV>

<DIV id="copyright">
Copyright &copy; 2009
</DIV>
<DIV class="paso"></DIV>
</DIV>
<DIV id="contenido-curva-inferior"></DIV>

</DIV>

</body>
</html>




estilo general:

BODY {FONT: 12px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; font-size-adjust: 0.51; BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(objetos/fondo.jpg); padding: 5px 0px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #c8e7ff; TEXT-ALIGN: center}
H1 {text-indent:10px; FONT-SIZE: 18px ; COLOR: #ff8800; MARGIN-BOTTOM: 15px; MARGIN-top: 5px}
H2 {text-indent:5px; FONT-SIZE: 16px ; COLOR: #ff8800; MARGIN-BOTTOM: 12px; MARGIN-top: 10px}
P {padding: 0px 0px 9px 0px; MARGIN: 0px; text-align:justify; text-indent:15px; FONT-SIZE: 16px}
P.sin {text-indent:0px}
P.adelante {FONT-SIZE:12px; text-indent:0px}
P.center {text-align:center; text-indent:0px; FONT-SIZE: 12px}
.cent {text-align:center; text-indent:0px}
P.codigo {text-align:center; text-indent:0px; color:blue}
.codigo {color:blue; }
STRONG {font-weight: 600 ; font-size: 15px}
PRE {padding:10px ; background-color:#DBDBDB}
TEXTAREA {padding:10px ; background-color:#DBDBDB}
.titu {FONT-SIZE: 18px ; COLOR: #ff8800; MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; text-indent:0px}
CODE {font-family:"Courier New",Courier,mono; font-size:12px; font-weight:bold ;color:blue}
UL {margin: 0px 50px 12px 50px}
LI {text-align:justify; font-size: 16px;}
A {TEXT-DECORATION: none; COLOR: #000000}
A IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
A:LINK {}
A:VISITED {}
A:HOVER {COLOR: #0000cc}
A:ACTIVE {COLOR: #0000cc}
.left {FLOAT: left; MARGIN: 0px 9px 0px 0px}
.right {FLOAT: right; MARGIN: 0px 0px 0px 9px}
.paso {CLEAR: both; OVERFLOW: hidden; HEIGHT: 1px}
.espacio-minimo {DISPLAY: none}
.enciclopedia {font-size:12px}

#contenido {MARGIN: 0px auto; WIDTH: 767px; TEXT-ALIGN: left}

#contenido-curva-superior{BACKGROUND-IMAGE: url(objetos/contenido-curva-superior.gif); OVERFLOW: hidden; WIDTH: 767px; HEIGHT: 12px}

#banners {BORDER-RIGHT: #000 1px solid; BACKGROUND-IMAGE: url(objetos/fondo-banners.gif); BORDER-LEFT: #000 1px solid; WIDTH: auto; HEIGHT: 180px; TEXT-ALIGN:center}
#banner1 {WIDTH: 274px; FLOAT: left}
#banner2 {WIDTH: 490px; FLOAT: right}

#lenguetas {BACKGROUND-IMAGE: url(../comun/objetos/lenguetas-fondo.gif); BORDER-RIGHT: black 1px solid; BACKGROUND-POSITION: left bottom; BORDER-LEFT: black 1px solid; WIDTH: auto; BACKGROUND-REPEAT: repeat-x; HEIGHT: 70px; BACKGROUND-COLOR: #FFFFFF}

#temas-arriba {MARGIN: 0px 15px; WIDTH: 735px}
#temas-arriba DIV {FLOAT: left; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 22px; TEXT-ALIGN: center; BACKGROUND-IMAGE: url(objetos/tema-arriba-inactivo.gif)}
#temas-arriba DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black}
#temas-arriba DIV A:LINK {}
#temas-arriba DIV A:VISITED {}
#temas-arriba DIV A:HOVER {FONT-WEIGHT: bold}
#temas-arriba DIV A:ACTIVE {COLOR: red}

#temas-abajo {MARGIN: 0px 15px; WIDTH: 735px}
#temas-abajo DIV {BACKGROUND-IMAGE: url(../comun/objetos/tema-abajo-inactivo.gif); FLOAT: left; OVERFLOW: hidden; WIDTH: 146px; HEIGHT: 31px; TEXT-ALIGN: center}
#temas-abajo DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 32px; COLOR: black}
#temas-abajo DIV A:LINK {}
#temas-abajo DIV A:VISITED {}
#temas-abajo DIV A:HOVER {FONT-WEIGHT: bold}
#temas-abajo DIV A:ACTIVE {COLOR: red}

#apartados {clear:both}
#apartados A {DISPLAY: block; FLOAT: left; MARGIN: 0px 15px; LINE-HEIGHT: 12px; COLOR: blue}
#apartados A:LINK {}
#apartados A:VISITED {}
#apartados A:HOVER {FONT-WEIGHT: bold}
#apartados A:ACTIVE {COLOR: red}

#navegador {BORDER-RIGHT: #000000 1px solid; padding: 1px 0px 1px 0px ; BORDER-LEFT: #000000 1px solid; WIDTH: auto; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center}
#navegador {BACKGROUND-COLOR: #fef1c3}
#navegador #buscador {MARGIN-TOP: 5px; FLOAT: left; WIDTH: 545px; TEXT-ALIGN: center}
#navegador .left {BACKGROUND-POSITION: right top; FLOAT: left; BACKGROUND-IMAGE: url(objetos/punto-separacion.gif); MARGIN: 0px 0px 0px 0px; WIDTH: 110px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: left}
#navegador .right {BACKGROUND-POSITION: left top; FLOAT: left; BACKGROUND-IMAGE: url(objetos/punto-separacion.gif); MARGIN: 0px 0px 0px 0px; WIDTH: 110px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: right}
#navegador P {PADDING: 0px 0px 0px 0px; MARGIN: 2px 10px 0px ; HEIGHT: 32px}
#navegador A {TEXT-DECORATION: none}

#cuerpo {BACKGROUND: #FECC03; BORDER-RIGHT: #000 1px solid; BORDER-LEFT: #000 1px solid; WIDTH: auto; PADDING: 3px 2px 0px 0px}

#cuerpo-izq {clear:both ; FLOAT: left; WIDTH: 132px}
#cuerpo-izq .caja H1 {text-indent:0px; FONT-SIZE: 14px ; MARGIN-BOTTOM: 5px; BACKGROUND-color: #FECC03; BACKGROUND-IMAGE: url(objetos/cuadro-menu-curva-sup-clip.gif); PADDING: 15px 9px 4px 9px; BACKGROUND-POSITION: left top; FONT-WEIGHT: bold; MARGIN: 0px ; LINE-HEIGHT: 13px; TEXT-ALIGN: left; COLOR: BLACK}
#cuerpo-izq .caja {BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(objetos/fondo-menus.gif); PADDING-BOTTOM: 5px; MARGIN: 0px 3px 3px; OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left}
#cuerpo-izq .caja P {MARGIN: 6px; FONT-SIZE:10px; text-indent:5px}
#cuerpo-izq .caja DIV {PADDING: 3px 3px 3px 3px; BACKGROUND-IMAGE: url(objetos/punto-separacion.gif); BACKGROUND-REPEAT: repeat-x}
#cuerpo-izq .caja A {DISPLAY: block; BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 13px; BACKGROUND-IMAGE: url(objetos/boton-menus.gif); MARGIN-LEFT: 0px; LINE-HEIGHT: 14px; BACKGROUND-REPEAT: no-repeat}
#cuerpo-izq .caja A.sub{BACKGROUND-POSITION: 10px 2px; PADDING-LEFT: 22px; MARGIN-LEFT: 0px; LINE-HEIGHT: 14px; BACKGROUND-REPEAT: no-repeat}
#cuerpo-izq .caja-google{MARGIN: 3px 5px 0px; OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left}
#cuerpo-izq .caja-sin {PADDING: 0px; MARGIN: 3px 3px 5px 3px; BACKGROUND-IMAGE: url(objetos/cuadro-menu-curva-sup-noclip.gif); OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat}
#cuerpo-izq .caja-sin A {PADDING: 3px 3px 3px 3px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 12px; TEXT-ALIGN: center}

#cuerpo-izq .caja-referencias {PADDING: 3px 3px 3px 3px; MARGIN: 3px 3px 5px 3px; OVERFLOW: hidden; WIDTH: auto}
#antiguacuerpo-izq .caja-referencias {PADDING: 3px 3px 3px 3px; MARGIN: 3px 3px 5px 3px; BACKGROUND-IMAGE: url(objetos/cuadro-menu-referencias.gif); OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat}


#cuerpo-cent {FLOAT: left; WIDTH: 625px}

#cuerpo-central-curva-sup {BACKGROUND-IMAGE: url(objetos/curva-libreta-comp.gif); WIDTH: auto; HEIGHT: 15px; BACKGROUND-POSITION: left top; MARGIN: 0px; WIDTH: auto; BACKGROUND-REPEAT: no-repeat}
#contenidos {BORDER-RIGHT: #838383 1px solid; BACKGROUND: #fff; BORDER-LEFT: #838383 1px solid; PADDING: 0px 10px 0px 10px; WIDTH: auto}
#contenidos A {FONT-WEIGHT: 600 ; color:#6666FF}
#contenidos A:hover {text-decoration: underline}
#cuerpo-central-curva-inf {BACKGROUND-IMAGE: url(objetos/curva-txt-inf-comp.gif); MARGIN-BOTTOM: 2px; OVERFLOW: hidden; HEIGHT: 9px}

#opciones-inferior {BORDER: #000000 1px solid; WIDTH: auto; PADDING-TOP: 1px; BACKGROUND-COLOR: #fef1c3; TEXT-ALIGN: center}
#uno {FLOAT: left; WIDTH: 120px; MARGIN-RIGHT: 28px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center}
#dos {FLOAT: left; WIDTH: 469px; MARGIN-BOTTOM: 2px; margin-top:1px; TEXT-ALIGN: center}
#tres {FLOAT: left; WIDTH: 120px; MARGIN-LEFT: 28px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center}
#uno IMG, #tres IMG {margin-bottom:3px}

#opciones-inferior A {FONT-SIZE: 12px; DISPLAY: block; LINE-HEIGHT: 15px}
#opciones-inferior A:LINK {}
#opciones-inferior A:VISITED {}
#opciones-inferior A:HOVER {}
#opciones-inferior A:ACTIVE {COLOR: blue}

#pie {BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 767px; BACKGROUND-COLOR: white; TEXT-ALIGN: center}
#contador {FLOAT: left; WIDTH: 80px; TEXT-ALIGN: right; FONT-SIZE: 9px; }
#cita {FLOAT: left; WIDTH: 527px; TEXT-ALIGN: center; FONT-SIZE: 9px; COLOR:black }
#copyright {FLOAT: left; WIDTH: 158px; TEXT-ALIGN: center; FONT-SIZE: 9px; COLOR:black }

#contenido-curva-inferior {BACKGROUND-IMAGE: url(objetos/curva-final-total.gif); OVERFLOW: hidden; WIDTH: 767px; HEIGHT: 12px}


Muchisimas gracias por su ayuda....