ciao ho realizzato un semplicissimo modello a due livelli di box
box contenitore(pentola) e box piu piccolo all'interno (box).
a scopo didattico (sto imparando)



ecco il css



html, body
{

color:#ffffff;
text-align:center;

background-color:#000000;

}

#box{

/*con explorer si posiziona al centro se non metto posizione, mentre con
mozilla si posiziona sulla sinistra*/

height:100px;
width:100%;
border:4px solid #999ddd;
background-color:#0094d3;
position:relative;


}

#pentola{

height:200px;
width:500px;
border:4px solid #ffff66;
background-color:#6ddf31;
}


e l'html

<html>

<head>

<title>

esercizi sui CSS

</title>

<link rel=stylesheet type="text/css" href="cssbox.css" >

</head>


<body>
<h1>ciao</h1>
<div id="pentola">
<div id="box">
</div>
</div>
</body>



VOLEVO CHIEDERE perché con Firefox il bordo del box piccolo non rientra nel box grande ma deborda, e come fare ad ovviare al problema
grazie
ciao!!!