Diego Roberto

Olá, preciso de uma ajuda para resolver o problema abaixo:

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