HTML CSS issue with "inherit" height between id and class, help!?

[Jake]

"class" container is placed within "id" bottomMenu and I want the height for the bottomMenu to inherit the height of the container. I cannot figure out why, any help is useful. Thanks!

#bottomMenu{
width:900px;
height:1200px;
background:black;
border-top: 2px solid white;
border-bottom: 2px solid white;}

.container {
margin: 0 auto;
padding-top:2px;
width:890px;
position: relative;
color:white;}

.left{position:absolute; left:0; width:440px;}

.right{position: absolute; right:0px; width:440px;}

.tableLeft{table-layout:fixed; width:440px;}
.tableLeft, td, th{border:1px solid #0099cc;}
th{background-color:#0099cc; color:white;}
.tableLeft td {font-size:14px; white-space:normal; border:none;}

.tableRight{table-layout:fixed; width:440px;}
.tableRight, td, th{border:1px solid #0099cc;}
th{background-color:#0099cc; color:white;}
.tableRight td {font-size:14px; border:none;}

 

[Tomas]

if the container the only thing that is inside the bottommenu, simply don't give it any height or width either. If it's not "alone", than it's just not possible, unless other elements in bottom menu are placed in the container, still delete the size on container, and it will be all right.
If no: simply adjust the size same to bottom menu all the time you change it.