Padding in div interno

[fwe]

Salve a tutti, sto tentando di creare uno stile a box in modo da avere dei box con una barra in alto come titolo e un contenuto in basso.

Sto usando un sistema con div uno dentro l'altro. con questa struttura:

<div class="box" id="pratica">
  <div class="titolo">Prova</div>
  <div class="contenuto">Testo di porva</div>
</div>

usando questo stile

.box { border: #000 1px solid; border-radius: 10px; }
.box > .titolo { display: block; width: 100%; height: 1.5em; background: #C0C0C0; border-radius: 10px 10px 0 0; }
.box > .contenuto { margin: 30px; }

Funziona ma il testo nel "titolo" è troppo attaccato al bordo.

Se provo ad impostare il padding, da un conto si sistema la posizione del testo, ma a destra il box si disallinea ed esce dal box contenitore.

Un esempio è visibile a questa pagina.

Mi potete aiutare? Grazie.

[alemoppo]

Prova non specificando quel width: 100%;

Ciao!

[fwe]

Prova non specificando quel width: 100%;

Ciao!

Funziona!!!!!!!!!!!!

Grazie ;)