NO se pude resetear mozilla

[Enfermin]

resulta que estaba maquetando un template y me di con la sorpresa que la dimension en ancho y alto de una capa en mozilla es un poco mayor que a los demas navegadores
osea, creo una caja de un ancho y alto establecido,

Código HTML:

<style type="text/css">
 
*,body{margin:0;padding:0; text-align: center; border:0}
.box{
    width: 292px; 
    height:270px; 
    background:red;
    margin:10px auto;
    padding:0;
}
</style>
<div class="box">
</div>
 

si lo vemos en mozilla y lo medimos con cualquier herramienta, (yo uso calipers) notaran que tiene 297 de ancho por 275 de alto
cuando deberia de ser 292x270 y esto solo pasa con mozilla (con razon no termino de maquetar ),

ya use casi todos los codigos extras para resetear el navegador y ninguno soluciona esto
tengo la version 3.6.14 en win XP

[gVenom]

Aqui tienes otro mas completo para que resetees el css

Código CSS:

/* -------- RESET/GLOBAL -------- */
 
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}
 
img, a img, form, fieldset {border: 0;}
 
body            {
                font-size:72%;
                font-family:Arial, Helvetica, sans-serif;
                line-height:1.9em;
                color:#434343;
                background:#FCFCFC;
                }
                
a               {outline:none;}
 
a:hover         {
                text-decoration:none;
                color:#7B7B7F;
                }
 
p               {
                margin:0 0 1em 0;
                padding:0;
                }
 
small           {font-size:0.8em;}
 
h1              {
                font:3.45em Arial, Helvetica, sans-serif;
                color:#000000;
                line-height:0.9em;
                *line-height:1em;
                padding-bottom:15px;
                }
                
h2              {
                font:2.5em Arial, Verdana, Helvetica, sans-serif;
                line-height:1.2em;
                color:#2A313A;
                padding-top:5px;
                padding-bottom:20px;
                }
                h2 a    {
                color:#2A313A;
                text-decoration:none;
                }
 
h3              {
                font:2em Arial, Verdana, Helvetica, sans-serif;
                color:#2A313A;
                padding-bottom:10px;
                }
                
h4              {
                font:1.25em Arial, Helvetica, sans-serif;
                line-height:1em;
                padding-bottom:8px;
                text-transform:uppercase;
                }
 
h5, h6          {
                font:1.3em Arial, Helvetica, sans-serif;
                color:#2A313A;
                padding-bottom:8px;
                }
                
ul, ol          {
                margin:0;
                padding:0 0 20px;
                }
                
ul              {list-style:none;}
                
ul li           {
                margin:0;
                padding:5px 0;
                color:#434343;
                }
                
ul.unordered li {
                margin:0;
                padding:5px 0 5px 21px;
                background:url(../images/arr.gif) 0 9px no-repeat;
                }
                
ul li a         {
                color:#434343;
                text-decoration:none;
                }
 
ol li           {
                margin:0 0 0 2em;
                padding:0;
                color:#434343;
                }
                
blockquote      {
                margin:0 0 20px;
                padding:0 0 0 60px;
                color:#959595;
                font-size:1.3em;
                font-style:italic;
                background:url(../images/quotes.png) 10px 5px no-repeat;
                }
                
.quoteleft      {
                width:240px;
                margin:0 30px 10px 0;
                float:left;
                }
                
.quoteright     {
                width:240px;
                margin:0 0 10px 30px;
                float:right;
                }
 

[ArturoGallegos]

si nos muestras el resto de tu código te podríamos ayudar mas, el fragmento de código que muestras funciona correctamente no veo una razón para que aumente las medidas.


Notas: el asterisco (*) es un comodín que le indica al explorador que los estilos se aplican a todos los elementos no es necesario colocar *,body con el solo asterisco (*) es mas que suficiente

[Enfermin]

acabo de comprobar que el problema solo pasa en localhost y mozilla y no ntiendo porque?

creo un archivo test.html con este codigo y lo guardo en el escritorio

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    
    *,body{margin:0;padding:0; text-align: center; border:0}
    .box{
        width: 292px; 
        height:270px; 
        background:red;
        margin:10px auto;
        padding:0;
        display:block;
    }
    </style>
    <title>test</title>
</head>
 
<body>
 
 
<div class="box">
</div>
 
</body>
</html>
 

abro el html desde el escritorio y se ve bien

pero si ese mismo archivo lo copio y pego en localhost y lo ejecuto me muestra el problema que tanto dcia

http://localhost/test.html

creo que el problema es el servidor de php que tengo (wamp) ahora veo que no era de css disculpen

1 min mas tarde: ya lo encontre, el problema es el wamp que uso, tengo la version 2.0 y noto ese problema, pero en mi otra pc que tiene wamp 2.1 todo marcha bien... maldito wamp 2.0

saludos