Forzar a un estilo dentro de un div con otro diferente

[darkgaze]

Veréis, tengo un lio tremendo. A ver si me podéis ayudar porque no funciona mi lógica ya.

Tengo varios div dentro de otros div. En el div primero, el más grande, tengo que para poder colocar enlaces en la imagen del fondo, y estos tienen un estilo tal que así:

#bloque a {
text-decoration: none;
width: 46px;
position: absolute;
}

#bloque a i{
visibility: hidden;
}

a#inicio {top: 54px; left: 527px; height:40px;}

(aquí va un listado de 10 con 10 trozos de imagen que tienen enlace).

O sea que se supone que todo aquel dentro de <i></i> y dentro de bloque tendrán esta forma, no es así?.

Bien. Ahora yo quiero que dentro de este bloque haya otro div, donde va texto, con enlaces.

pues estos enlaces me salen mal, con ancho 46 y esas cosas.

He cambiado y he puesto esto:

#bloque a {
text-decoration: none;

}

#bloque a i{
visibility: hidden;
width: 46px;
position: absolute;
}

para que solo afectase a los que estan dentro de <i>. Pero...no salen los enlaces!!.

He intentado crear otra

#bloque-central a {
estilo
}


Para que afecte a las cosas dentro del div grande, pero no parece que haga nada. De hecho salen mal igualmente. Tampoco sé qué poner en position aqui, si relative, inherit, o lo que sea.


Realmente no se como hacer para que el estilo de las de arriba funcione, pero los enlaces del texto normal se vean NORMALES.




Teneis alguna forma de arreglar esto?



Gracias millones, chicos.