Hi i need help with css and image,

I have a list of pictures in Unordered list,

<ul>
<li><a href="..." ><img src="..."></a></li>

</ul>


i need that all <li> is in one dimension, 160x100, but problem is that few pictures can be 160x300,

i need to get something like this,


red line is <li>,

i need that the image outside the li is not seen.

any ideas?

1/ Don't have fixed sizes on the <li>s.

2/ make sure the images are all the sme size.

3/ use overflow: auto; for scrollbars on the <li>