I have a set of images that have different widths and heights, their height to width ratios are not the same. Is it possibly to make a tiled gallery of these images without any space between rows or columns ie. with completely 100% fill a div with images using only CSS? Leaving space on the last row would be fine but it would be better to have none.

I want to create an interactive image with CSS where every part of it will reveal a different icon when you hover on it.

Please see my site here: http://www.planetshah.com/mixes. It host my music mixes. You will notice on the home page my mixes are layed out in rows divided by the pipe (|) character. What I’m wondering is how I can insert the pipe character between each mix except to the right of the last one of each row. So I want to remove the ones circled in red below: