Below is the CSS I’m using to try and position the #lower-content-sub div to stick to the bottom of my #content div. I’m trying to position it like the home page at [Home page](http://boyd.lottmandesign.com “home page”). I’m just not that savvy at positioning and could use a little help. I’d like it to stick to the bottom so when the content div moves, the lower content will stay with it and adjust.
The page where you can see the issue is [here](http://boyd.lottmandesign.com/about/boyd.html “about boyd”).
Sample code:
CSS
#content {
width:990px;
height:auto;
min-height:540px;
background-color:#fff;
margin: -158px auto 0 auto;
-webkit-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
-moz-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.62);
}
#lower-content-sub {
height:250px;
width:100%;
background-color:#fff;
border-top: 5px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/noise.jpg);
}
HTML
