El código que tengo es este
<body style="background-color:#FEF0DB">
<table style="width:100%">
<tr>
<td style="width:25%"><img src="images/logo-4life.jpg" alt="4Life" title="4Life" width="400" height="179" style="float:right" /></td>
<td style="width:75%; font-size:22px"><img src="images/carrusel-1.jpg" width="99%">
<p style="text-align:center; position:relative; top:5%"><b>Obtén la promoción del mes</b></p></td></tr>
</table>
<br /><br />
<table style="width:100%; font-size:14px">
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>
Entonces mi problema es que al principio de la pagina tengo una tabla con dos celdas. En la segunda celda quise poner una imagen y un parrafo que se posicione relativamente a partir de la etiqueta padre "td" dentro de la cual esta y queria que se posicionara relativamente a 5% del top. Osea... si yo en vez de poner 5% hubiera puesto 50px, el parrafo se posicionaria segun yo a 50px de la porte superior de la pagina en relacion a la etiqueta padre td. Pero yo no quiero especificar pixeles, no dare explicaciones de por que, simplemente no quiero poner pixeles, quiero poner porcentajes, pero supongamos que lo que yo lo quiero dar a entender al navegador es que del 100% de altura de la pantalla, posicione "Obten la promocion de este mes" a 5% de distancia desde la parte superior. Mi verdadera intencion es que ese texto quedara encima de la imagen para que se viera mas profesional (y aunque lo lograria expresandolo en pixeles) no logro entender como hacer para que del 100% de altura, se ponga a 5% desde "top".
Muchas gracias al que me pueda responder.