fixing color overlay problem on the main page

This will fix the problem with the color image sticking a little bit outside the image box.

It has to do with a peculiar property of some containers that have no text in them, but still inherit a line-height. You will often see this if you take a list, add some list items, and make the list display inline-block. The list items will sit next to each other but there will be a small space between each one, which can only be solved by setting the UL font-size to 0.