ciao a tutti! vorrei risolvere questo problemino: ho un div impostato via CSS con un

codice:
 #divLarge { width: 90%; background-color: #DDDDDD; color: #000000; margin: 0px auto; border-radius: 10px 10px 0px 0px; }
come si vede è centrato nella pagina e soprattutto ha i bordi superiori arrotondati. Ora in cima al div ci metto uno header così impostato

codice:
.caption { width: 100%;  background-color: #000000; color: #FFFFFF; border-radius: 10px 10px 0px 0px; padding: 0.5em; }
in tal modo posso scrivere qualcosa tipo il seguente codice

codice:
<div id="divLarge"><p class="caption">div di esempio</p>questo è un esempio</div>
con la classe caption che occupa tutta la parte superiore del div. Ma notando bene la parte destra del caption fuoriesce dal div! se metto la sua larghezza a width: 99% non arriva al bordod el div...come mai?