¿Usar posición relativa / absoluta dentro de un TD?

Tengo el siguiente código:

 Contents of table cell, variable height, could be more than 60px; 
Notice

Esto no funciona en absoluto. Por algún motivo, la posición: comando relativo no se lee en el TD y el aviso DIV se está colocando fuera del contenedor de contenido en la parte inferior de mi página. He tratado de poner todos los contenidos del TD en un DIV como:

  
Contents of table cell, variable height, could be more than 60px;
Notice

Sin embargo, esto crea un nuevo problema. Como la altura del contenido de la celda de la tabla es variable, el aviso DIV no siempre se encuentra en la parte inferior de la celda. Si una celda de la tabla se extiende más allá del marcador de 60px, pero ninguna de las otras células lo hace, entonces en las otras celdas, el aviso DIV está a 60px hacia abajo, en lugar de hacia abajo.

Esto se debe a que según CSS 2.1 , el efecto de la position: relative en los elementos de la tabla no está definido. Ilustrativo de esto, position: relative tiene el efecto deseado en Chrome 13, pero no en Firefox 4. Su solución aquí es agregar un div alrededor de su contenido y poner la position: relative en ese div lugar del td . A continuación, se muestran los resultados que obtiene con el position: relative (1) en un div bueno), (2) en un td (no bueno) y finalmente (3) en un div dentro de un td (bueno nuevamente).

En Firefox 4

Como referencia, aquí está la fuente HTML .

Este truco también es adecuado, pero en este caso las propiedades de alineación (centro, fondo, etc.) no funcionarán.

   

Con respecto a su segundo bash, ¿intentó usar la alineación vertical? Ya sea

  

o con css

 vertical-align:bottom 

El contenido de la celda de la tabla, altura variable, podría ser más de 60px;

 
Notice

también funciona si haces una “pantalla: bloque”; en el td, destruyendo la identidad td, ¡pero funciona!