Google maps z-index problem in IE

Question

I'm loading my google maps into div class="extra" style="display: none;" /. As soon as the AJAX request is complete, the map_canvas div is placed inside the hidden div and the hidden div will be vissible with the toggleDown jquery effect.

In FF it's working perfect, but in IE the Google maps (map_canvas div) is already visible before the toggleDown effect is started.

I think the z-index and the relative position of the map_canvas div wich is loaded into the hidden div will place the map_canvas div on top of the hidden div.

What do i have to change to make sure the map_canvas div is not on top of the hidden div?

While toggleDown in FF: http:// img169.imageshack.us/img169/9274/50485429.jpg

While toggleDown in IE: http://img188.imageshack.us/img188/2110/93959677.jpg