Tenho um div de um mapa do Google Maps e existe um outro DIV que carrega uma msg de acordo com o que for solicitado nos botões. Para esta mensagem estou utilizando growl que substitui os alerts do javascript em sim (estilo).
Bem o que ocorre este DIV da msg no IE, Opera aparece tranquilamente na frente do DIV do mapa. Porém no FF e no Chrome este DIV sempre aparece atrás do mapa, impossibilitando assim a visualização. Se passo essa msg para carregar fora do mapa ele aparece tranquilamente, o problema é que tenho que colocar a msg para aparecer no meio da tela no mínimo no IE e no FF.
Bem segue abaixo o código do DIV do mapa:
div#map{
width:100%;
height:80%;
position:fixed;
overflow:auto;
}Código das msgs:
#JS_Growl_container{
position:absolute;
top:0;
left:100%;
width:300px;
margin-top:25px;
margin-left:-30%;
height:109px;
border:0;
background:transparent;
}
.JS_Growl_notify, .JS_Growl_notify_IE6{
margin-right:5px;
padding:20px;
width:300px;
height:109px;;
border:0;
color:#fff;
font-size:0.7em;
}
.JS_Growl_notify{
background:url(../img/msg/growl.png) no-repeat;
}
.JS_Growl_notify_IE6{
background:url(../img/msg/growl.gif) no-repeat;
}Em específico é este container que carrega toda msg:
#JS_Growl_container{
position:absolute;
top:0;
left:100%;
width:300px;
margin-top:25px;
margin-left:-30%;
height:109px;
border:0;
background:transparent;
}Já tentei alterar o position, entre outras coisas. Alguém poderia me ajudar?
Agradeço a atenção de todos.
Obrigado
Diego Roberto
