Question

I’ve created this example that demonstrates this weird behavior.
I’ve used the webkit prefixed version of the CSS rules and I’ve tested them only against Chrome 19 for Mac.

Answer 1

The extra space in the columns is from some of the styles you have specified (e.g. width:100000px;). To fix, use the following CSS (example):

#container {
 height: 250px;
 -webkit-columns: 15em;
 -moz-columns: 15em;
 -ms-columns: 15em;
 -o-columns: 15em;
 columns: 15em;
}
#container article {
 vertical-align: top;
 display: inline;
}
#container article img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 max-height: 100%;
}