Moving Div(links for articles, about mental illness), stop when parrent div ends.

Moving Div(links for articles, about mental illness), stop when parrent div ends.

Hi,

Got a problem here i know how to make a floating div.

  1. <style type="text/css">
  2. #banner {
  3.     position: fixed;
  4.     width: 600px;
  5.     height: 80px;
  6.     bottom: 10px;
  7.     left: 50%;
  8.     margin-left: -300px;
  9.     background: red;
  10. }
  11. </style>

  13. <div id="banner"></div>
  14. <div style="height:2500px;width:100px;background:yellow">Højt indhold</div>
But my problem is that i want to make this div stop when hitting my fotter div, so the links for some articles about mental illness, we want to focus on, dont go down inside the fotter, but stops ad the edge of the footer.

I am not totaly sure how to do this.

The floating div shut be locked to the bottom of the screen, since it has to be none intrusive, but still make peopel se the links.

Can someone help me out here?