Retomando el tema con las nuevas propuestas de CSS3 para la propiedad float.
Hace unas fechas, y vía twitter, me llegó este
enlace:
CSS Floats and Positioning Level 3
W3C Editor's Draft 17 May 2011
Como se ve, a los valores ya conocidos para la propiedad float se añade el valor "positioned":
Cita: positioned
(New) The element generates a block box that is positioned using the positioning properties. Content flows around the sides of the box, starting at the content directions start position. Note that the term "positioned float", as used in this document, is open for debate, and new suggestions are welcome.
Uno de los ejemplos que ilustran la propuesta es:
Código CSS:
Ver original#figure
{
width: 100px;
height: 100px;
background-color: blue;
float: positioned;
position: absolute;
bottom: 50px;
left: 40%;
}
Que originaría el siguiente html:
Así que para el problema planteado por Furoya quedaría resuelto con cambiar los valores de top y bottom.
Eso sí, sólo será posible si la propuesta pasa los oportunos filtros y cuando los distintos navegadores le den soporte.