带边框的Div，伸展以填充div内部的高度

Question

我想要做的是让这个边框围绕#main的整个部分，其中包括菜单并包含文本。我不能为我的生活弄清楚如何让它伸展以适应其内容。这是代码

    #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;

    }

    <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 The 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>