html - Div with a border, stretch to fill height of div's inside -

html - Div with a border, stretch to fill height of div's inside -

what want have border go around entire section of #main, includes menu , include text. can't life of me figure out how stretch fit contents. here's code

class="snippet-code-css lang-css prettyprint-override"> #logo{ position:absolute; top:0px; left:0; z-index:1; width:850px; left:50%; margin-left:-425px; } #main{ position:absolute; top:5px; left:50%; margin-left:-420px; width:840px; padding:5px; border-style: solid; border-color:#a8347b; border-radius: 10px; border: 4px solid #a8347b; z-index:0; } class="snippet-code-html lang-html prettyprint-override"> <div id="main"> <div id="logo"> <img src="logo.jpg"></div> <div id="centeredmenu"> <ul> <li><a href="#"><span>services</span></a></li> <li><a href="#"><span>photo gallery</span></a></li> <li><a href="#"><span>meet staff</span></a></li> <li><a href="#"><span>our facility</span></a></li> <li><a href="#"><span>policies</span></a></li> <li><a href="#"><span>faq's</span></a></li> <li><a href="#"><span>testimonials</span></a></li> <li><a href="#"><span>contact us</span></a></li> </ul> </div> </div>

html css height