nested div

[birbal]

<div class='container'>   <div class='panel'>   some text goes here   </div>   <div class='content'>   some more text goes here   </div></div>

'panel' have fixed height. 'content' has minimum fixed height but can extend as far its goes. 'container' will expand as far it can go to accomodate the space for 'content'i had tried some but its overflowing the 'container' by 'content'. how can i do that?

[ShadowMage]

If I understand you correctly it should be as simple as:

.container {	width: 400px;}.panel {	height: 45px;}.content {	min-height: 80px;}

(Adjust values as needed)

[birbal]

thanks for the help shadowmage. it is working now. it was position:absolute which was causing the trouble.thanks again