definir posição do DIV para cada resolucao da tela

pessao beleza....fiquei um tempao pesquisando pra evitar abir um topico, mas nao teve jeito...

seguinte: tenho uma DIV que carrega uma iframe dentre dele:

<STYLE type=text/css>.div{ position:absolute; /*posição para o div*/ width: 500px; /*largura para o div*/ height: 300px; /*altura para o div*/ top: 130px; /*distância do div em relação ao topo*/ left: 150px; /*distância do div em relação a lateral esquerda*/ background-color:#f3f3f3; /*cor de fundo do div*/ border: 1px solid #666666;}</STYLE>...<div id="noticia1" style="display: none;" class="div"><iframe src="../../noticias/<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';">fechar</a></div></div>...<a href="../../noticias/<? echo $noticia1; ?>" target="not1" onClick="document.getElementById("noticia1").style.display = "block";">leia mais...</a>

o DIV abre beleza no centro da pagina...o cara le a noticia....e depois fecha...maravilha....porem quando a resolucao da tela eh maior q 800x600 o DIV fica numa posicao indesejavel.....

Gostaria de saber como faço para dependendo da resolucao aterar os valores de posicionamento do DIV?

valeu!!!