Nesting DIVs

Hey, I'm having an issue nesting DIVs.....

CSS:

#content {
   background: #FFFFFF;
   border-top: 3px solid #000000;
   border-bottom: 3px solid #000000;
   padding: 20px;
   padding-top: 0px;
}
#rightpane {
float:right;
width: 120px;
background: #ECE9D8;
}

Code (markup):

HTML:

<div id="wrapper">
   <div id="content">
      <div id="rightpane">
      </div>
   </div>
</div>

Code (markup):

The issue I am having (aside from my weak CSS skills) is that the "content" DIV is not scaling verticly with the "rightpane" DIV.....



Any suggestions for fixing this?

 

Yup you need to enclose your floats , the most common way to do this is just to add overflow:auto; to your #content.

 

Thanks, worked perfectly!!