I am using rounded corners for my roudned box and in my css i will need to have multiple div section defined.

in this sitiuation i only have two element to work with div and table, so only way i see possible is to use a rounded box itself as a backgroud, but i would like my box to more flexible and fluid.

Do you have any suggestion to how i can use rounded corners using two div elements

i have css now like this below

#roundedBox{
    background-image:url(/images/TL.gif);
    background-repeat:no-repeat;
    background-color:#e3ebed;
    margin:20px 0 0 21px;
}
#roundedBox div{
    background-image:url(/images/TR.gif);
    background-position:top right;
    background-repeat:no-repeat;
}
#roundedBox div div{
    background-image:url(/images/BR.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
#roundedBox div div div{
    background-image:url(/images/BL.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    padding:15px 20px;
    display:block;
}

and my Html would say

<div id="roundedbox"><div><div><div>

<p> testdshfkhsdf </p>

</div></div></div></div>