Cómo hacer un div vacías ocupan espacio

Question

Esta es mi caso sistema de rejilla 960:

<div class="kundregister_grid_full"> 
    <div class="kundregister_grid_1">ID</div> 
    <div class="kundregister_grid_1">Namn</div> 
    <div class="kundregister_grid_1">Anv.Namn</div> 
    <div class="kundregister_grid_1">Email</div> 
    <div class="kundregister_grid_1">Roll</div> 
    <div class="kundregister_grid_1">Aktiv</div> 
</div> 

Ésta es mi conjunto de divs, usado como una estructura de tabla.

CSS dice lo siguiente:

.kundregister_grid_1 { 
    display: inline-block; 
    float: left; 
    margin: 0; 
    text-align: center; 
} 
.kundregister_grid_1 { 
    width: 140px; 
} 

no les importa la denominación sueca. Quiero que los divs se muestren aunque no tengan valores.

<div class="kundregister_grid_full"> 
<div class="kundregister_grid_1">ID</div> 
<div class="kundregister_grid_1"></div> 
<div class="kundregister_grid_1"></div> 
<div class="kundregister_grid_1">Email</div> 
<div class="kundregister_grid_1">Roll</div> 
<div class="kundregister_grid_1">Aktiv</div> 
</div> 

Al igual que, en este caso no hay 'NAMN' y 'Avn.Namn' en las dos columnas. Sin embargo, al ejecutar esto en chrome, se eliminan y ya no presionan los otros divs en el orden float:left. Entonces, si tengo categorías en los mismos divs anteriores, los valores se colocarán en la categoría incorrecta.

Answer 1

funciona si elimina flotante. http://jsbin.com/izoca/2/edit

con flotadores que sólo funciona si tener algún contenido, por ejemplo,  

Answer 2

Trate de añadir   a los artículos vacíos.

No entiendo por qué no está usando un <table> aquí, sin embargo? Harán este tipo de cosas automáticamente.