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