Need to wrap container around absolutely placed items

I am rather new and rather confused. I have two absolutely placed items (log-section and header). I am trying to wrap #container around the two in order to provide a background color as well as a border. The container seems to act independently of the logo and headers (or vice versa). Can I wrap container around these two items or is it a lost cause?

border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
height: auto;
left: 0px;
top: 0px;
background-color: #CCCCCC;
}

#banner {
padding: 5px;
margin-bottom: 5px;
background-color: rgb(213, 219, 225);
}

#content {
padding: 5px;
margin-left: 215px;
background-color: gray;
}

#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}

#footer {
clear: both;
padding: 5px;
margin-top: 5px;

background-color: rgb(213, 219, 225);
}
#logo-section {

z-index: 2;
position: absolute;
left: 10px;
top: 40px;
}
#header {

position: absolute;
left: 125px;
top: 0px;
}
</style>
</head>
<body bottommargin="0" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">

<div id="container">
<div id="banner">
<div id="logo-section"><a href="/"><img src="logo_inv.gif" border=0></a></div>

</div>

Need to wrap container around absolutely placed items

blurredline

createErrorMsg

DrDoc

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week