Jquery: масонство, вертикальный и горизонтальный зазор

В настоящее время я работаю над своим портфолио. Однако, работая над Mansonry, я обнаружил, что в нижней части каждого изображения есть вертикальный и горизонтальный зазор. Я устанавливаю маржу, а отступы до 0, однако она не исчезает. Меня интересует то, что когда я изменяю размер окна, горизонтальный зазор уходит, но небольшая часть изображения перекрывает изображение, размещенное рядом (нужно внимательно посмотреть на него).

http://jsfiddle.net/L2mzU/1/

 img {max-width: 100%;

}
#content {
    width:100%;
}


.container{
    width:50%;
    float:left;
}

Интересно, делают ли это с CSS?

Я не хочу вертикальных и горизонтальных разрывов, также не перекрывается. как я могу это сделать?

ваша помощь будет высоко оценена. !