<head>
<style type = "text/css">
body{
text-align:center;
}
#container{
position:relative;
width:600px;
height:auto;
border:1px solid #ccbbaa;
}
#box{
position:absolute;
width:300px;
left:2px;
border:1px solid #ccbbaa;
}
</style>
</head>
<div id = "container">
<div id = "box">
<p>
message .....
</p>
<p>
message .....
</p>
</div>
</div>
The question is how to make the height of container and box consistent using not fixed height.
thanks.