dear i have define on ul

 <ul id="album">
 <li id="list1">
 <a href="#">
<img src="google.jpg" height="50"/> 
</a>
<a href="#" class="user-title">Profile Pictures</a>
1 Picture
</li>

 <li id="list1">
 <a href="#">
<img src="yahoo.jpg" height="150"/> 
</a>
 <a href="#" class="user-title">Profile Pictures</a>
 2 Picture
</li>
 </ul>

css for is as bellow.

     #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;

	}

this is working fine.

but i need to align images to bottom on display.

here is image