Como fazer div ficar na parte inferior da div pai?

Alguém poderia me ajudar a fazerdiv#bottom grude na parte inferior do paidiv, então, quando clico no botão interno, permite que eu mostre elementos dediv#list acima de si?

De preferência, eu gostaria de evitar JS, jQuery, etc. ou pelo menos no layout:

<div class="wrapper">
   <div id="top">
     <ul>
      ...
      ...
     </ul>
   </div>
   <div class="bottom">
      <div id="button">
         <div id="list">
            <ul>
               <li>elem 1</li>
               <li>elem 2</li>
            </ul>
         </div>
      </div>
   </div>
</div>

questionAnswers(2)

yourAnswerToTheQuestion