Box con esquinas redondeadas alrededor del contenido

by Yolanda Robles

HTML

<div style='position: relative;z-index:100;top:100px;left:20px;'>xxxx</div>

<div class="container">
    <div class="titulo">holaaa</div>
    <br />
    This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>This is Content
    <br/>
</div>

CSS

html {
    height: 100%;
}

.container {
    /*position: relative;*/
    /* margen respecto al body proporcional */
    margin:5%;
    padding: 50px;
    z-index: 1;
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px #F5D0A9;
    -moz-box-shadow: inset 0 0 0 2px #F5D0A9;
    -webkit-box-shadow: inset 0 0 0 2px #F5D0A9;
    
    /* Background */
    /*background-color:#F7F2E0;*/
    background-image:url(http://designreflect.com/wp-content/uploads/2012/09/wooden-textures/Wood-Texture.jpg);
    opacity:0.4;
}

.titulo{
    background-color:#777;
}