por como esta tu código css me da la impresión de que no has declarado un doctype valido por lo que los exploradores tienen que trabajar en modo quirs... de igual forma te caería muy bien un reset CSS...
y como ya ha dicho el compañero @BloodShadow hay que repasar un poco mas de CSS, aparte de que usas mucho hack para ie (demasiado diría yo) también te has olvidado del orden de las propiedades....
por ejemplo tu has declarado
Código CSS:
Ver original#tot {
border-radius: 0.5em;
-o-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
box-shadow: 0 0 10px rgb(0,0,0);
-o-box-shadow: 0 0 10px rgb(0,0,0);
-moz-box-shadow: 0 0 10px rgb(0,0,0);
-webkit-box-shadow: 0 0 10px rgb(0,0,0);
}
cuando debe de ser
Código CSS:
Ver original#tot {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;/*esta regla debe estar despues de las etiquetas propias de cada navegador y no antes como la has colocado*/
-webkit-box-shadow: 0 0 10px rgb(0,0,0);
-moz-box-shadow: 0 0 10px rgb(0,0,0);
box-shadow: 0 0 10px rgb(0,0,0);/*esta regla debe estar despues de las etiquetas propias de cada navegador y no antes como la has colocado*/
}
sumado a esto utilizas como sistema de medida em y px opta por usar solo un tipo de medida para que no te compliques tanto... y si optas por los em recuerda que este es un sistema de medida variable
Cita: La unidad em es igual a la altura (font-size) de la letra del elemento en el que se usa. Por ejemplo si para un párrafo especificamos un indentado de 2em, el largo de la sangría será igual a dos veces el tamaño de la letra de ese párrafo. Cuando empleamos la unidad de medida 'em' para especificar el tamaño de la letra (font-size) entonces el valor de 'em' viene dado por el tamaño de la fuente del elemento padre.
p { font-size:11px;text-indent: 2em; }
Este ejemplo equivale a un indentado de 22 px para el párrafo a que se aplica
texto sacado de
->> clic aquí