Как сделать границы рухнуть (на div)?

Предположим, у меня есть разметка, как:http://jsfiddle.net/R8eCr/1/


    
        
        
        
    
    
        
        
        
    
    
        
        
        
    
    ...

Тогда CSS

.container {
    display: table;
    border-collapse: collapse;
}
.column {
    float: left;
    overflow: hidden;
    width: 120px;
}
.cell {
    display: table-cell;
    border: 1px solid red;
    width: 120px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

У меня есть внешний div сdisplay: table; border-collapse: collapse; и клетки сdisplay: table-cell почему они до сих пор не разрушаются? Что мне здесь не хватает?

Кстати, может быть, переменное количество ячеек в столбце, так что я могут только границы на одной стороне.

Ответы на вопрос(7)

Ваш ответ на вопрос