Hola tengo dos objetos superpuestos uno enzima de otro y quiero que cambien de orden  ;)cuando esty encima de ellos pero preferentemente quiero que uno este encima de otro.


Es decir que A esté simpre sobre B excepto cuando tocas una zona de B en la que no esté A.
siendo:  (lo que me pasa esque cuando estoy en una zona de A i B se pelean por quien està encima. Cómo hacer-lo Gracias.

#A{
position: absolute;
left: 300px;
top: 100px;
width:600px;
margin:auto;
clear:both;
z-index:3;
opacity: .85}
 
 
#A:hover{
position: absolute;
left: 300px;
top: 100px;
width:600px;
margin:auto;
clear:both;
z-index:5;
opacity: .85}
 
#B {
position: absolute;
left: 100px;
top: 100px;
z-index:2;
 
}
#B:hover{
position: absolute;
left: 100px;
top: 100px;
z-index:4;
 
}

MOD: Utilizar etiquetas GeSHi. Leer Normas del subforo de Desarrollo Web

ya lo logré que A se mantubiera sobre B excepto cuando se ponga el ratoón sobre B.



Pero ademas quiero y sobre todo quiero lo que explique en el foro


http://foro.elhacker.net/desarrollo_web/busqueda_doble_en_google-t410246.0.html

es decir que de A salga más de una búsqueda Que seriean las secction B y C.
Gracias