posicionamiento absoluto que no funciona con XHTML?

Estoy tratando de posicionar un DIV con posicionamiento absoluto, sin embargo, parece que con XHTML DOCTYPE no funciona. En el siguiente ejemplo, el cuadrado rojo aparece arriba a la izquierda, en lugar de estar en algún lugar en el medio de la pantalla:

   test    body { background-color: silver; } div { width: 100px; height: 100px; border: 1px solid #000; } div#one { background-color: red; position: absolute; top:520; left: 220; }    

This is some text this is some text this is some.

Si aparece que si reemplazo el DOCTYPE a esto:

  

Funcionará correctamente, sin embargo, me gustaría seguir XHTML doctype.
¿Alguna idea?

Agrega px a tus propiedades top e left :

 top: 520px; left: 220px 

Con el doctype XHTML (o más precisamente: Modo Estándares ), el navegador no supondrá que se refiera a px si no lo especifica explícitamente, en contraste con el modo Quirks.

En XHTML los elementos posicionados absolutos sin contenido se vuelven “invisibles” porque tienen ancho 0 y alto 0. Prueba a agregar contenido a tu div # uno o prueba el siguiente CSS

 div#one { background-color: red; position: absolute; top:520px; left: 220px; height: 100px; width: 100px; }