Div table-row Border?

Question

Estoy intentando crear una estructura similar a una tabla usando divs en mi sitio pero estoy teniendo algunas dificultades con los bordes. Me gustaría que haya una línea horizontal que separa cada fila, pero usar border en un conjunto de div en table-row parece no tener ningún efecto. ¿Qué estoy haciendo mal? ¡Gracias por tu ayuda!

<div class="table"> 
    <div class="row"> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
    </div> 
</div> 

.table { 
    display: table; 
    width: 100%; 
} 

.row { 
    display: table-row; 
    border-bottom: 1px solid black; 
} 

.cell { 
    display: table-cell; 
    width: 33%; 
} 

Answer 1

Puede aplicar su propiedad border-bottom a la clase de células en lugar de la clase fila.
Aquí es una demostración fijo: http://jsfiddle.net/WXCa6/

Answer 2

También puede agregar a border-collapse: collapse.table si desea establecer border en el .row.