Dibujar rectangulo cuando pase por encima sabiendo coordenadas

[Enea]

Tras seguir vuestros consejos y hacer pruebas y más pruebas he conseguido hacer esta función que (según veo en el código pasa bien los valores de coordenadas)
pero ver la capa en ningun momento... No da ningún error.. ¬¬ que raro, estoy pensando que igual tiene que ver con el z-index porque esta capa actuaría encima de otra... pero por más
que intento ponerle z-index no funciona (me da errores de sintaxis).
Como pondría en este caso un z-index alto para que no se pisara con otras capas? O estoy haciendo mal otra cosa?
Muchas gracias por los ejemplos, me han ayudado de guía (aunque el segundo no demasiado porque no logro entenderlo del todo)
Hasta pronto!

Código:

function crea_rectangulos(serie)
{
$Serie=serie;
<? 
	$Articulos_serie=mysql_query("Select x1,x2,y1,y2 from articulos where Serie=$Serie");
	while ($Serie_art=mysql_fetch_array($Articulos_serie))
		{ ?>
		
		x1=<? print $Serie_art[x1] ?>;
		x2=<? print $Serie_art[x2] ?>;
		y1=<? print $Serie_art[y1] ?>;
		y2=<? print $Serie_art[y2] ?>;

		caja = document.createElement("div");
				
		with (caja) 
		{
		onmouseover = function() { this.style.border = "1px dotted gray"; }
		onmouseout = function()   { this.style.border = "0px"; }
		with (style) 
			{
				top = y1 + "px";
				left = x1 + "px";
				width = (x2 - x1) + "px";
				height = (y2 - y1) + "px";
			}
		}
		<? } ?>
}