Thumbnails: Float left, align bottom. bottom:0 method not working

[thatgregory]

Hello all,

I have been trying to apply information from other threads to get a group of css framed thumbnails to float left but align bottom, but with no luck after many hours, I can get it all to float left but the align bottom edge part just will not work. Can anyone kindly put me on the right track?

Here is the page that I am customising from a photo gallery:

CSSThumbnails

I am almost there but just cannot get the images to bottom align. I am given to understanfing that position shoould be absolute and bottom:0 but it just don't work. What am I missing?

<table id="listoutput" bgcolor="#e0e0e0" cellpadding="5" cellspacing="0" width="100%">

<tbody><tr>
<td width="100%">


<div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=16&amp;exhibition=3&amp;u=222%7C0%7C..." title="'Hugoalvaresprimopiano900px' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=15&amp;exhibition=3&amp;u=222%7C1%7C..." title="'Ciaccasolo900px' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=20&amp;exhibition=3&amp;u=222%7C2%7C..." title="'Evanparkerstantracybestcropbetter4bestweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=19&amp;exhibition=3&amp;u=222%7C3%7C..." title="'Petropolipensosbwcontrastyw' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosBWContrastyw.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=18&amp;exhibition=3&amp;u=222%7C4%7C..." title="'Petropolipensosocolor900' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=17&amp;exhibition=3&amp;u=222%7C5%7C..." title="'Petropolipensosbwcontrastyb' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosBWContrastyB.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=25&amp;exhibition=3&amp;u=222%7C6%7C..." title="'Petropolipensosocolorflat2n' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosoColorflat2N.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=24&amp;exhibition=3&amp;u=222%7C7%7C..." title="'Petropolipensosocolorflat2nosharpen' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosoColorflat2NoSharpen.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=23&amp;exhibition=3&amp;u=222%7C8%7C..." title="'Petropolipensosobwflatv4bestcropweb900rednoise' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosoBWFlatV4BestCropWeb900RedNoise.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=22&amp;exhibition=3&amp;u=222%7C9%7C..." title="'Petropolipensosobwflatv4bestcropweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosoBWFlatV4BestCropWeb900.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=21&amp;exhibition=3&amp;u=222%7C10%7C..." title="'Petropolipensosocolorflat2' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosoColorflat2.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=32&amp;exhibition=3&amp;u=222%7C11%7C..." title="'Petropolipensosbwcontrastyc' by G. Rebus  ISO 800  "><img src="lis567php_files/PetropoliPensosBWContrastyC.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=31&amp;exhibition=3&amp;u=222%7C12%7C..." title="'Evanparkerstantracy' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=30&amp;exhibition=3&amp;u=222%7C13%7C..." title="'Tracymoholo1' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=29&amp;exhibition=3&amp;u=222%7C14%7C..." title="'Moholoandtracybestbutdarkmoholo' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=28&amp;exhibition=3&amp;u=222%7C15%7C..." title="'Moholoandtracylightermoholobutgrainyweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=27&amp;exhibition=3&amp;u=222%7C16%7C..." title="'Moholoandtracy1websizebwunsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=26&amp;exhibition=3&amp;u=222%7C17%7C..." title="'Moholoandtracy1websizebw' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=40&amp;exhibition=3&amp;u=222%7C18%7C..." title="'Moholoandtracylightermoholobutgrainyweb900blurcymble' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=39&amp;exhibition=3&amp;u=222%7C19%7C..." title="'Evanparkerstantracybestcropbetter2web900shadhigh' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter2Web900ShadHigh.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=38&amp;exhibition=3&amp;u=222%7C20%7C..." title="'Moholoinmotionflatbetterweb900a' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=37&amp;exhibition=3&amp;u=222%7C21%7C..." title="'Moholoinmotionflatbetterbetterflatweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=36&amp;exhibition=3&amp;u=222%7C22%7C..." title="'Moholoinmotionflatbetterbetterflatweb900nounsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=35&amp;exhibition=3&amp;u=222%7C23%7C..." title="'Evanparkerstantracybestcropbetter3' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter3.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=34&amp;exhibition=3&amp;u=222%7C24%7C..." title="'Moholomotionv2flat5darkercleanernounsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=33&amp;exhibition=3&amp;u=222%7C25%7C..." title="'Moholoinmotionflatbetterweb900anounsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=50&amp;exhibition=3&amp;u=222%7C26%7C..." title="'Moholomotionfuturistflat1unsharpwebflat900nopriorunsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=49&amp;exhibition=3&amp;u=222%7C27%7C..." title="'Moholomotionv2flat5darkercleanerunsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=48&amp;exhibition=3&amp;u=222%7C28%7C..." title="'Moholomotionfuturistflat1unsharpwebflat900selectiveunsharp' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=47&amp;exhibition=3&amp;u=222%7C29%7C..." title="'Moholomotionfuturistflat2darkerweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=46&amp;exhibition=3&amp;u=222%7C30%7C..." title="'Moholomotionfuturistflat1unsharpwebflat900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=45&amp;exhibition=3&amp;u=222%7C31%7C..." title="'Peterkingguybarkerbw2correctguysizeweb900a' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=44&amp;exhibition=3&amp;u=222%7C32%7C..." title="'Ciaccaquartetconalvaresbett' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=43&amp;exhibition=3&amp;u=222%7C33%7C..." title="'Ciaccaquartetconalvareslargeralvares' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=42&amp;exhibition=3&amp;u=222%7C34%7C..." title="'Peterkingguybarkerbw1flataweb900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracy.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=41&amp;exhibition=3&amp;u=222%7C35%7C..." title="'Peterkingguybarkerbw1flataweb900b' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=56&amp;exhibition=3&amp;u=222%7C36%7C..." title="'Peterkingguybarkerbw2unshless' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=55&amp;exhibition=3&amp;u=222%7C37%7C..." title="'Peterkingguybarkerbw2web900' by G. Rebus  ISO 800  "><img src="lis567php_files/CiaccaSolo900px.jpg" width="73" height="110"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=54&amp;exhibition=3&amp;u=222%7C38%7C..." title="'Zavatteri5ciaccaalves900pxb' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=53&amp;exhibition=3&amp;u=222%7C39%7C..." title="'Moholoandtracyweb900lightermoholo' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter4BestWeb900.jpg" width="110" height="73"></a></div>
</div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=52&amp;exhibition=3&amp;u=222%7C40%7C..." title="'Evanparkerstantracybestcropbetter3shadhigh' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter3ShadHigh.jpg"></a></div></div>
</div> <div id="cont0"><div id="cont1"><div id="imgcont"><a href="http://www.aritmo.com/?photo=51&amp;exhibition=3&amp;u=222%7C41%7C..." title="'Evanparkerstantracybestcropbetter2web900' by G. Rebus  ISO 800  "><img src="lis567php_files/EvanParkerStanTracyBestCropBetter2Web900.jpg"></a></div></div>
</div> </td></tr></tbody></table>

CSS

#listoutput {
		background: #E0E0E0;
		border: 1px solid #999999;
		}
#cont0 {
	height: 150px;
	float: left;
	margin: 10px;
		}	 	
  	#cont1 {
	border: 1px solid #999999;
	background: #FFFFFF;
	
		}	 	
		  #imgcont {
	border: 1px solid #999999;
	margin: 10px;
		} 
		#imgcont img{
	border: 0px solid #FFFFFF;
	background: #FFFFFF;
		}

Thanks for any help you can give.

Gregory