Hola
Aquí te dejo una página xhtml 1.1 válida como ejemplo. La verdad es que solo modifiqué algunas cosas de tu código y agregué otras poquitas.
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
table {
border: 0px;
text-align: center;
}
td {
color: #ffffff;
}
.mitabla {
background-color: #0000FF;
}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function redimensionar() {
if (navigator.appName != "Microsoft Internet Explorer") {
var altura = (window.innerHeight - 18);
document.getElementById('capita').style.height = altura+'px';
} else {
document.getElementById('capita').style.height = "100%";
}
}
//-->
</script>
</head>
<body onload="javascript:redimensionar()">
<div style="width: 30%; height: 58%; border: 0px;" id="capita">
<table style="width: 100%; height: 100%; text-align: center; background-image: url('gra/Examples/tiger_bkg.jpg');">
<tr>
<td style="vertical-align: bottom; height: 58%">
<table style="height: 78%">
<tr>
<td class="mitabla">78%</td>
</tr>
</table>
</td>
<td style="vertical-align: bottom; height: 58%">
<table style="height: 45%">
<tr>
<td class="mitabla">45%</td>
</tr>
</table>
</td>
<td style="vertical-align: bottom; height: 58%">
<table style="height: 70%">
<tr>
<td class="mitabla">70%</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Aunque acabo de ver un pequeño detalle miren la página en explorer y en cualquier otro navegador
X-)))
Supongo que habrá que depurar algo más este código...
Suerte
Felicidad