Centrado vertical

[mblascog]

Buenas,
No consigo alienar verticalmente el contenido de estas capas.
La capa fila1 quiero alienar al medio y la fila2 a la parte inferior.
Qué estoy haciendo mal?

Código HTML:

<div id="tabla">    
        <div id="fila1">
            1a fila
        </div>
        <div id="fila2">
            2a fila
        </div>
    </div>
 

Código CSS:

#tabla{display:table;
   float:right;
   width:80%;
   height:100%;}
#fila1{float:left;
   display:table-cell;
   vertical-align:middle;
   width:100%;
   height:50%;}
#fila2{float:left;
   display:table-cell;
   vertical-align:bottom;
   width:100%;
   height:50%;}
 

Gracias

[ArturoGallegos]

No funciona porque fila1 y fila2 tienen float este no lo debes aplicar

también asegúrate que el elemento padre de #tabla tenga una altura definida, de lo contrario sera el 100% de 0 y por ende no veras el efecto que buscas.