title: How can I stick a div to the bottom of another div?
body: <p>Okay, so this is the parent div:<br></p>
  
  <pre><code>#left {
      width: 50%;
      height: 100%;
      background-color: #8FD1FE;
      float: left;
      opacity:0.75;
      filter:alpha(opacity=75);
      -webkit-transition: all .45s ease;  
      -moz-transition: all .45s ease; 
      transition: all .45s ease; }
  </code></pre>
  
  <p><p>
  And this is the div inside the div:<br></p>
  
  <pre><code>#reasons {
  background-image:url('arrow1.png');
  background-repeat: no-repeat;
  height: 94px;
  width: 400px;
  margin: 0 auto 0 auto; }
  </code></pre>
  
  <p>I've tried a bunch of different methods, but I can't seem to keep the the second div centered and stuck to the bottom of the first div. </p>