How to set an element at the bottom of container
===

Hi I have a container that has a number of unordered lists.I want the last unordered list to be set at 0 margin at the bottom.Here is my code and what I tryed and doesn't work:

    <ul id="updates">
                  <li>Follow Zack's updates<br/>300 followers. Follows:</li>
                  <li><a href="#"><img src="img/zack/update1.png" alt="update"/></a></li>
                  <li><a href="#"><img src="img/zack/update2.png" alt="update"/></a></li>
                  <li><a href="#"><img src="img/zack/update3.png" alt="update"/></a></li>
                  <li><a href="#"><img src="img/zack/update4.png" alt="update"/></a></li>
                  <li>+ <br/> 10</li>
              </ul>
   

    <p> Site powered by zi<span>kio<span></p>
    div#articles p{
       margin-top: auto;
       margin-bottom: 0
    }
    ul#updates{
       margin-top: auto;
       margin-bottom: 0;
    }

Both p and ul#updates need to be set at the bottom with margins 0.