Petit probleme en Xhtml et Css

Bonjour à tous,

J'ai suis un peu confu, en effet je ne vois plus à force de recommencer ce qui manque...

code Xhtml:


<div id="cadre">
<div class="bordurehaut1"></div>
<p class="texte">blablablablablablablablbalaaa</p>
<div class="bordurebas1"></div>
</div>

code Css:


#cadre{
position: absolute;
left: 80px;
top: 280px;
width: 400px;
height: 50px;
}
.bordurehaut1{
width: 400px;
height: 15px;
background:url(bordurehaut1.png) no-repeat;
}
.bordurebas1{
width: 400px;
height: 15px;
background:url(bordurebas1.png) no-repeat;
}
.texte{
background-color: white;
width: 396px;
height: 20px;
}


Je devrais avoir un beau cadre avec des bordures arrondies mais voilà j'ai mes bordures 'images' et le texte qui sont séparés par deux grandes marges (Mon fond est bleu). Cela fait une sorte de sandwich...

Auriez vous la solution ? Merci pour votre patience, Jules.