Problema con CSS y Firefox

[regenerat]

hola! bueno, lo cierto es que estoy muy verde en esto del desarrollo web, por eso queria ver si me podiais echar una mano, perdon si lo que pregunto es una tontería... jjj

Lo que me pasa es que la web que estoy haciendo se me ve de una forma muy distinta en el Firefox y en el Explorer. Ya sé que en muchas cosas de CSS difieren los resultados según cual se use, pero es que mientras en el Explorer se me ve aceptable, en el firefox es horrible.

Tengo el tipico sidebar en el que pinchas para todos los enlaces del sitio, y con el Firefox cada una de las paginas del sitio me varia el tamaño de la letra y el sidebar se amplia o reduce, y la letra va de pequeña a dificilmente apreciable...xD

Ya no se que hacer, porque como tampoco entiendo mucho de CSS, no sé cual de los 2 navegadores me está interpretando bien los estilos, o si es algo que me sobra y es lo que me está dando estos problemas.

El archivo de estilo es:

Código:

body {margin-top: 20px;
      padding: 0;
      background: #1F1F1F;
      font-size: 13px;
      text-align: justify;
      color: #5C5116;}

body, th, td, input, textarea, select, option {font-family: Arial, Times, serif;}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    color: #819CDB;}

h1 {font-size: 36px;}

h2 {font-size: 2em;}

h3 {font-size: 1em;}

p, ul, ol {margin: 0;
	   padding: 0;
	   list-style: none;
	   line-height: 200%;}

blockquote {padding-left: 1em;}

blockquote p, blockquote ul, blockquote ol {line-height: normal;
	                                    font-style: italic;}

a {color: #413C20;}


hr {display: none;}



/* Portada */

#portada {text-align:center;
	  margin: auto;}


/* Cabecera */

#cabecera {width: 800px;
	   height: 270px;
	   margin: 0 auto;
	   background: url("imagenes/gherkin1.jpg") no-repeat left top;}

#cabecera h1, #cabecera p {margin: 0;
		           font-family: Arial, Helvetica, sans-serif;}

#cabecera h1 {color: #FFFFFF;
	      font-size: 50px;
	      padding: 90px 0 0 97px;}

#cabecera span {color: #000000;}

#cabecera p {margin-top: -5px;
	     padding-left: 80px;
	     font-size: 13px;
	     color: #FFFFFF;}

#cabecera a {text-decoration: none;
	     color: #FFB71C;}

/* Pagina */

#pagina {width: 800px;
         margin: 0 auto;
         background: #FFFFFF url("imagenes/img03.jpg") repeat-y left top;}

#pagina-top {background: url("imagenes/gherkin3.jpg") no-repeat left top;}

#pagina-medio {padding: 20px 30px;
	       background: url(images/img04.jpg) no-repeat left bottom;}

/* Cuerpo */

#cuerpo {float: right;
	 width: 500px;
	 padding-top: 90px;
	 margin-bottom: 30px;}

.post {padding:20px 0 0 0;}

.titulo {margin: 0;
	 padding-bottom: 5px;
	 font-size: 24px;
	 color: #3B3513;}

.titulo a {text-decoration: none;
	  color: #3B3513;}

.pagetitle {border-bottom: 2px solid #0F0F0F;}

.subtitulo {margin: -10px 0px 0px 0px;
	    border-bottom: 1px solid #CCCCCC;
	    color: #646464;
	    font-size:small;}

.entrada {padding: 30px 0px;
	  font-size:13px;}

#cuerpo li {margin: 0 0 0 20px;}

#cuerpo ul {list-style-type: circle;}

#cuerpo table {vertical-align: top;
	       height:320px;}

#cuerpo td {padding: 0 5px 0 0;}
	       

/* Menú */

#menu {float: left;
       width: 200px;
       margin-top: -80px;
       padding-top: 50px;
       color: #B57969;}

#menu ul {margin: 0;
	  list-style: none;}

#menu li {}

#menu li ul {margin-bottom: 40px;}

#menu li li {border-bottom: 1px solid #FFFFFF;
	     padding: 5px 15px;
	     font-size:13px;}

#menu h2 {margin: 0;
	  height: 35px;
	  padding: 8px 0px 10px 15px;
	  font-size: 18px;
	  color: #FFE7E0;}


#menu a {text-decoration: none;
	 color: #E5DDAD;}


/* Pie */

#pie {clear: both;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
      font-size: small;
      font-family: Arial, Helvetica, sans-serif;
      color: #B57969;}

#pie p {margin: 0;
	padding: 20px 0px;}

#pie p a {color: #FFFFFF;)

Y la pagina es: http://tower-swiss.webcindario.com

gracias de antemano y perdon por la parrafada!

[regenerat]

Enfin...me autorespondo, no sin cierta verguenza...jjj Tenia un <small> sin cerrar... de ahi que el firefox me montase ese cristo...jjj Por cierto, como es que en el explorer no le afectaba lo minimo??

[fiu]

explorer va a su bola... firefox es el navegador que mejor sigue los estándares, así que mejor hacerlo inicialmente para FF

[jeiriart]

a ver, desarrolle una web que anda bien en todo, safari, opera, explorer 7 8 y 9, chrome caulquier version, pero en firefox anda para el reveredon ojete... (perdon la mala palabra) alguna idea de que le pasa al firefox 5?? no toma un css ni a palos, tienen problemas con los jquery sobre todo cuando son cargados desde google... , no hay documentacion oficial por ningun lado para ver este problema... no se que hacer?? le digo a al gente que ff se convirtio en una porqueria y que usen otro navegador???

EDITO: pense que era un problema de java o algo asi, pero no... no anda un carajo, no me toma el xhtml el css ni el css 3 no toma nada... toy totalmente perdido y desilucionado del que crei que era el mejor navegador del mercado....

EDITO 2: segui los estandares antes que digan cualquier cosa...

[pitufoweb]

Hola,

1.- Crea tu propio tema y no revivas temas antiguos.

2.- Sube la pagina a un servidor y pon el link para poder investigar el problema.



Saludos