pantallas con div

[IES6412]

Que tal amigos...
tengo los siguinte codigo

Código HTML:

<td width="auto" height="56" scope="col">
    <label id="rece18" class="numero" title="Recesión">R X</label><br />
     <label id="movil18" class="numero" title="Movilidad">M X</label><br />
       <label class="numero">18</label><br />
<div id="contenedor18">
<div id="i18" style="cursor:pointer;"></div>
<div id="d18" style="cursor:pointer;"></div>
<div id="t18" style="cursor:pointer;"></div>
<div id="a18" style="cursor:pointer;"></div>
<div id="c18" style="cursor:pointer;"></div>
</div>
<div id="extraer18" width="35" height="56" ><img src="images/x1.jpg" width="35" height="35" /></div>
    
     </td>
   }
<style>
#c18 {
	position:absolute;
	left:13px;
	top:9px;
	width:7px;
	height:7px;
	z-index:1;
	cursor:pointer;
}
#t18 {
	position:absolute;
	left:13px;
	top:-1px;
	width:9px;
	height:9px;
	z-index:2;
	cursor:pointer;
}
#d18 {
	position:absolute;
	left:25px;
	top:10px;
	width:9px;
	height:9px;
	z-index:3;
	cursor:pointer;
}
#a18 {
	position:absolute;
	left:13px;
	top:20px;
	width:9px;
	height:9px;
	z-index:4;
	cursor:pointer;
}
#i18 {
	position:absolute;
	left:1px;
	top:10px;
	width:9px;
	height:9px;
	z-index:5;
	cursor:pointer;
}
#contenedor18 {
	position:absolute;
	left:2px;
	top:42px;
	width:36px;
	height:34px;
	z-index:1;
}
</style> 

funciona así:
la imagen en un div se coloca de fondo y sobre ésta el contenedor, que tiene a los i18,t18....
al hacer cllick sobre estos div's i18,t18,d18,c18,a18, cambain de color...
el asunto es que cambie de monitor por uno mas grande, y al correr la página en cuestion, todo esta descuadrado, y al poner el otro monitor , esta correcto.
si alguien me puede dar una sugerencia.

[tommy_tony]

trabaja con porcentajes en lugar de pixeles