Problema con layout

Hola a todos!

Estoy creando el layout de un sitio y tengo v arias dudas, lo podeis encontrar aqui: http://www.alvararranz.com/layout/layout.html

El código es el siguiente:
<code>
&lt;div style="display:table;width:100%;height:100%;"&gt;
&lt;div style="width:100%;height:98px;display:table-row;"&gt;A&lt;/div&gt;

&lt;div style="width:100%;display:table-row;"&gt;
&lt;div style="width:60px;margin-right:4px;float:left;display:table-cell;"&gt;B&lt;/div&gt;
&lt;div style="float:left;display:table-cell;"&gt;C&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code>

Y mis dudas son:
1. Para que la columna C aproveche todo el ancho que queda libre como debiera especificarlo??
2. En Firefox el div contenedor de todos los demás si que ocupa todo el espacio, en IE7 sólo lo que tiran los demás. (en alto)
3. Cómo puedo hacer que las columnas B y C lleguen hasta el final en alto???

Llevo un buen rato dándole vueltas y no acabo de matarlo, estoy utilizando bien los "display"???

Gracias de antemano!!!