title: UL alignment to bottom
body: Profile Pictures
      1 Picture
      </li>
  
       
       
       
      
       Profile Pictures
       2 Picture
      </li>
       
  
  <p>css for is as bellow.</p>
  
  <pre><code>     #album{
  height:195px;
  width:155px;
  overflow:hidden;
  padding:6px 10px 14px 10px;
      float:left;
  
    }
  #album li{
      border:0; 
      padding:0;
      list-style:none;
      margin: 0 0.15em;
      list-style:none;
      display: inline;
     }
  
     #album img{
    vertical-align:bottom;
     }
      #album a{
          color:#000000;
          text-decoration:none;
  
      }
      #album .user-title{
          display:block;
          font-weight:bold;
          margin-bottom:4px;
          font-size:11px;
          color:#36538D;
      }
      #album .addas{
          display:block;
          font-size:11px;
          color:#666666;
      }
      #album img{
          margin-right:14px;
          padding:4px;
  
      }
  </code></pre>
  
  <p>this is working fine.</p>
  
  <p>but i need to align images to bottom on display.</p>
  
  <p><a href="http://img193.imageshack.us/img193/6586/84829763.jpg" rel="nofollow noreferrer">here is image</a></p>