4 divs que ocupen 100% y con margen entre ellos?

[pzin]

Yo la solución que aplicaría sería la de Rafael, la de usas calc(). Para mi IE8 está prácticamente muerto y en IE9 "ya" funciona calc(). Así que personalmente no lo veo tan futurista.

Otra opción que tienes, que yo suelo usar en un pequeño sistema de grillas, es crear contenedores, box-sizing y padding-right:

Código HTML:

<div id="contenedor">
    <div class="col1-4">
        <div>Hola</div>
    </div>
    <div class="col1-4">
        <div>¿Cómo</div>
    </div>
    <div class="col1-4">
        <div>estás</div>
    </div>
    <div class="col1-4">
        <div>hoy?</div>
    </div>
</div>
 

Código CSS:

div#contenedor {
    padding-left: 10px;
}
 
div.col1-4 {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-right: 10px;
}
 

Puedes verlo aquí.

Aunque como digo, prefiero usar calc.