Исправления колоний firefox Mozilla

Question

У меня проблема с фиксацией столбцов в firefox. Я пытаюсь сделать 3 столбца с разницей в 10 пикселей. он отлично работает на google chrome и opera, но в firefox нет.

Существует изображение: http://i.stack.imgur.com/GM0L9.png

А код CSS:

div#columns { 
-webkit-column-count: 3; 
-webkit-column-gap: 10px; 
-webkit-column-fill: auto; 
-moz-column-count: 3; 
-moz-column-gap: 10px; 
-moz-column-fill: auto; 
-ms-column-count: 3; 
-ms-column-gap: 10px; 
-ms-column-fill: auto; 
column-count: 3; 
column-gap: 10px; 
column-fill: auto;} 

div.pin_shop { 
display: inline-block; 
background: #ffffff; 
border: 1px solid rgba(0,0,0,.11); 
margin: 0 25px 25px 0; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
padding: 8px;} 

Answer 1

колонки заполнения не по потребностям, и теперь он работает.

column-count: 3; column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px;