css - Why do my images not line up properly? -

css - Why do my images not line up properly? -

css new me though willing learn, cannot solve one.

i have unordered list containing 7 little images downwards left hand side of page within container.

i want line 3 images across bottom of page underneath list.

these bottom 3 images seem line right of column if stretched downwards , go out of container.the images in table if there improve way, i'll happy utilize it.

there's lot of coding i'm not sure set downwards here, url is:

http://www.c5d.co.uk/coursehistoryfour.php

you can manage width managing width of td, image width 100%

<table> <tbody> <tr> <td witdh="33%"><img width="100%" height="" alt="jwk" src="http://www.c5d.co.uk/jwk.jpg" title="j w kenworthy" class="renouf"> j w kenworthy: first president</td> <td width="33%"><img width="100%" height="" alt="" src="http://www.c5d.co.uk/parnaby.jpg" title="henry parnaby" class="renouf">rev<sup>d</sup> henry parnaby: first captain</td> <td width="33%"><img width="100%" height="" alt="" src="http://www.c5d.co.uk/renouf.jpg" title="tommy renouf" class="renouf">thomas renouf: course of study designer</td> </tr> </tbody> </table>

but improve utilize div instead of table , putting big image size have resize in actual size see on browser increment browser load speed.

css layout css-float