buen dia les explico mi problema es que en el body de mi pagina tengo una tabla la cual contiene todo tiene 3 tr en el primero pues va algo asi como el banner de la pagina con js le asigno su height al primer tr el cual varia por eso no se lo pongo fijo el problema viene cuando en ese tr pongo 3 td y en cada td un table cuando pongo imagenes en las celdas de esos tables las imagenes no toman el height del tr de la tabla principal
<table border="0" cellspacing="0" cellpadding="0">
<tr width='100%' id='fila'>
<script language=javascript>
pfila();
</script>
<td width='25%' height='100%' >
<table height='100%' width='100%' border="0" cellspacing="0" cellpadding="0">
<tr>
<td width='50%'>
<img src='2.jpg' height='100%' width='100%'>
</td>
<td width='50%'>
<img src='5.jpg' height='100%' width='100%'>
</td>
</tr>
</table>
</td>
<td width='50%' height='100%'>
<table width='100%' height='100%' border="0" cellspacing="0" cellpadding="0">
<tr height='80%'>
<td>
<img src='centro.jpg' height='100%' width='100%'>
</td>
</tr>
<tr height='20%'>
<td bgcolor='DodgerBlue' align='center'>
<font face="Verdana, Arial, Helvetica, sans-serif" size=3 color=#ffffff>algo</font>
</td>
</tr>
</table>
</td>
<td width='25%' height='100%'>
<table width='100%' height='100%' border="0" cellspacing="0" cellpadding="0">
<tr>
<td width='50%'>
<img src='1.jpg' height='100%' width='100%'>
</td>
<td width='50%'>
<img src='4.jpg' height='100%' width='100%'>
</td>
</tr>
</table>
</td>
</tr>
</table>
w=width
h=height
ese es el codigo de mi primer tr segun yo al poner w y h = 100% en la imagen le digo que abarque el 100% de donde se encuentra y en vez de eso toma las dimenciones que kiere les comento con el w no me pasa pero con el h si en firefox se ve bien igual en opera el problema es en chrome y safari algo que este haciendo mal?