HTML - Conseguir que la altura de un TH sea el 100%

No consigo con este código que el height de la tabla sea igual que la del div. Sí funciona en firefox pero en chrome.
Necesito que la altura del div sea en porcentaje. El problema es que si le pongo bordes no se rellena entero el borde vertical ya que el ancho del div es mayor que el de la tabla. Creía que el error estaba en el border-spacing pero creo que finalmente no.

¿Alguién me puede dar una idea?

Saludos.

<div id="cabecera_ventana1" style="height:5%; width:100%">
<table id="tabla_cabecera_ventana1" cellspacing="0" cellpadding="0" border="0" style="width:100%;height: 100%;"> <thead> <tr> <th style="width: 5%;"> <div style="height:100%" ;="">Proy</div> </th> <th style="width: 5%;"> <div style="height:100%">O.F</div> </th> <th style="width: 13%;"> <div style="height:100%">Descripcion</div> </th> <th style="width: 5%;"> <div style="height:100%">OP/NS</div> </th> <th style="width: 11%;"> <div style="height:100%">Artículo</div> </th> <th style="width: 13%;"> <div style="height:100%">Estado Actual</div> </th> <th style="width: 6%;"> <div style="height:100%">A FINALIZAR</div> </th> <th style="width: 6%;"> <div style="height:100%">A PREVISION</div> </th> <th style="width: 6%;"> <div style="height:100%">Fin Fabricación</div> </th> <th style="width: 6%;"> <div style="height:100%">Fin Pruebas</div> </th> <th style="width: 6%;"> <div style="height:100%">PenL + PPC</div> </th> <th style="width: 6%;"> <div style="height:100%">Calidad</div> </th> <th style="width: 6%;"> <div style="height:100%">Colas Barniz</div> </th> <th style="width: 6%;"> <div style="height:100%">Estado</div> </th> </tr> </thead> </table></div>

Echa un vistazo a este artículo:
http://ksesocss.blogspot.com/2014/07/misterios-alturas-en-porcentajes.html