div centered inside 2 divs

by luissanchezm86

HTML

<div id="body-container">
    <div id="body-inner">        
        <div id="bodybox">
        </div>  
    </div>
</div>

CSS

#body-container {
    background: none;
    height: 100%;
    width: 100%;
    /*margin: 0 auto;*/
    
    /* testing border and height, could be deleted */
    border: solid;
    height: 500px;
}
#body-inner {    
    width: 550px;
    margin: 0 auto;
    background: none;
    padding-top: 3%;
    padding-left: 10px;
    padding-right: 10px;
    /*border-left: 1px solid #000000;
    border-right: 1px solid #000000;*/
    
    /* testing border and height, could be deleted */
    border: solid;
    height: 400px;
}
#bodybox {
    margin: 0 auto;
    width: 200px;
    height: 100%;
    /*right: 325px;*/
    background: none;
    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
    
    /* testing border and height, could be deleted */
    border: solid;
    height: 400px;
}