Mise en page d'un bloc avec 2 images de fond

J'aimerai réaliser des bloc en avec une image de fond en haut et une image de fond en bas de mon bloc. Un peu comme un coin arrondi en haut à droite et un coin arrondi en bas à gauche sauf que les coin arrondi son géant.
Le bloc doit pouvoir s'étendre en fonction de la taille du texte (bloc dynamique).

Voici un aperçu du rendu :


J'ai beau retourner le truc dans tous les sens, je ne vois pas de solution pour le moment.
Merci d'avance votre aide.
Modifié par miura38 (06 Jul 2009 - 18:29)

Salut,

Perso, comme solution "par défaut", je verrais :
- deux images : coin arrondi supérieur droit et coin arrondi inférieur gauche
- deux conteneurs HTML organisés de cette manière :

<div id="div1" style="background-image:angle1.png">
    <div id="div2" style="background-image:angle2.png">
        contenu
    </div>
</div>

Mais tu peux aussi faire en sorte que ta #div2 soit le header ou le footer de ta #div1, tu organises ça comme tu veux, l'important c'est qu'elle soit à l'intérieur et qu'elle touche le haut ou/et le bas de la #div1.