Div y span + css maquetando una caja

[Miguel_86]

Hola pues estoy pasando algo que tenia hecho con una tabla a div y span y me gustaria que alguien me ayudara a hacer el css porque no lo consigo.
El codigo html que tengo es:

Código:

<div>
        <span class="cajaai">&nbsp;</span><span class="cajaac">&nbsp;</span><span class="cajaad">&nbsp;</span>
</div>
<div>
        <span class="cajaci">&nbsp;</span><span class="cajacc">Pepep;</span><span class="cajacd">&nbsp;</span>
</div>
<div>
        <span class="cajabi">&nbsp;</span><span class="cajabc">&nbsp;</span><span class="cajabd">&nbsp;</span>
</div>

El css:

Código:

span.cajaai{background:url(imagenes/arriba_izquierda.png);background-repeat: no-repeat;}
span.cajaac{background:url(imagenes/arriba_centro.png);background-repeat: repeat-x;}
span.cajaad{width:24px;background:url(imagenes/arriba_derecha.png);background-repeat: no-repeat;}
span.cajaci{width:20px;background:url(imagenes/centro_izquierda.png);background-repeat: no-repeat;}
span.cajacc{background-color: #1078E1;}
span.cajacd{width:20px;background:url(imagenes/centro_derecha.png);background-repeat: no-repeat;}
span.cajabi{width:50px;background:url(imagenes/abajo_izquierda.png);background-repeat: no-repeat;}
span.cajabc{background:url(imagenes/abajo_centro.png;background-repeat: repeat-x;)}
span.cajabd{width:50px;background:url(imagenes/abajo_derecha.png);background-repeat: no-repeat;}