Modificar div de otra página

[cslbcn]

Hola. tengo el siguiente problema:

Tengo una página html (indice.html) asociada con una hoja css (css1.css).
Dentro de css1.css tengo una regla que modifica un DIV que está dentro de indice.html.

Luego tengo otra página html (pages/menu.html), otra hoja css (pages/css2.css) y un documento JS (pages/js1.js). Dentro de js1.js quiero modificar el DIV que se encuentra en indice.html con este código:

document.getElementById("divDeIndice").style.visib ility = "visible";

pero no funciona porque busca el objeto divDeIndice dentro de menu.html (creo).
Así mismo, en menu.html tengo un enlace a la css css1.css

<link href="../css1.css" rel="stylesheet" type="text/css" />

Quiero que con document.getElementById("divDeIndice").style.visib ility = "visible"; me reconozca el DIV de la página indice.html.

Cómo puedo hacerlo?

Gracias!

[Fernand0]

No podes modificar una hoja desde otra hoja(de un html a otro html)..
Lo que podrias hacer es que cuando abris menu.html.. o cuando la visualizas en indice.html(no se muy bien que queres hacer porque no diste una explicacion en contexto) tambien modifiques el mismo indice.html

O sea.. cuando haces click en un boton(desde indice.html)... ejecutas las 2 acciones, visualizar menu.html Y modificar el div de indice.html

saludos

[cslbcn]

quizás me faltaba explicar que pages/menu.html está dentro de un iframe que está situado en indice.htm

He encontrado este codigo pero no funciona..

window.parent.document.getElementbyId('');