Duda CSS: Mover dos capas cuando hacemos hover en una de ellas

[ErikSebastia2]

Estoy haciendo una modificación de un módulo y tengo dos capas A i B. A es una capa de 200 px por 200 y B es un capa de texto. Lo que quiero es el usuario este encima de A, la capa B se desplace. El problema que tengo es como usar condicionales en CSS "si pasa esto haz esto".

 

Concretamente estoy realizando una modificación del carrito que pedí hace un tiempo y no encontré una buena solución.

 

#cesta_lateral { //ESTA ES LA CAPA GRANDE
position:fixed;
top:160px;
right:00px;
background:url(../img/cesta.png) no-repeat left;
width:41px;
height:247px;
}
#cesta_lateral:hover {
position:fixed;
top:160px;
right:00px;
background:url(../img/cesta.png) no-repeat left;
/*background-color:#ff8106;*/
width:247px; /*280*/
height:247px;
}
div#num_elem { ESTA ES LA CAPA DE TEXTO
position:fixed;
top:245px;
right:15px;
z-index:100;
color:#ff8106;
font-weight:bold;
}
div#num_elem:hover {
position:fixed;
top:245px;
right:232px;
z-index:100;
}

 

Gracias

[o0kubik0o]

Prueba con esto:

 

 

#cesta_lateral { //ESTA ES LA CAPA GRANDE

position:fixed;

top:160px;

right:0px;

background:url(../img/cesta.png) no-repeat left;

width:41px;

height:247px;

z-index: 100

}

#cesta_lateral:hover {

position:fixed;

top:160px;

right:0px;

background:url(../img/cesta.png) no-repeat left;

/*background-color:#ff8106;*/

width:247px; /*280*/

height:247px;

display: hidden

 

}

div#num_elem { ESTA ES LA CAPA DE TEXTO

position:fixed;

top:245px;

right:15px;

z-index:100;

color:#ff8106;

font-weight:bold;

}

div#num_elem:hover {

position:fixed;

top:245px;

right:232px;

z-index:200;

}

 

salu2