GoogleMaps Dropdown Menu Problem (SOLVED)

[johnl]

Hi Guys,
              I am having the same problem with my Google Map as I did with my Flash, The dropdown menu falls behind the Google Map instead of over it. I used "transparency" to solve the flash problem, anyone know how to get the menus to show over the Google Map?

Thanks

[johnl]

Hi Idea Guys?

How do you get your navigation Menus to display over the Google map instead of going behind it?


thanks

[Dr.CSS]

You could try adding 'position:relative to the menu div, starting at the outer most div if that doesn't work move in one div at a time removing the call from the previous one as you go...

[johnl]

You could try adding 'position:relative to the menu div, starting at the outer most div if that doesn't work move in one div at a time removing the call from the previous one as you go...

Thanks Mark,
                  Sorry, were do I do this? Is it in the style sheet or template? Bit of a Noob, so all I have put is: {cms_module module='GoogleMaps' map='my map name'} in a new page and the map displays OK but the navigation menu falls behing the map.

Cheers

[Dr.CSS]

In the CSS/style sheet, have you looked into the module files to see if you can find where the setting is for the call to it for adding the transparent code into it...

[Nullig]

You could give your menu div a higher z-index, say 100 or more.

Nullig

[johnl]

In the CSS/style sheet, have you looked into the module files to see if you can find where the setting is for the call to it for adding the transparent code into it...

I'll look in the style sheet later and try it out and report back

Thanks

[johnl]

You could give your menu div a higher z-index, say 100 or more.

Nullig

I saw this mentioned in other posts on the web as a solution, I search the style sheet and template for z-index but could not locate it

Any ideas?

[Dr.CSS]

You have to add it yourself, I thought that only worked for Firefox and not IE...

[johnl]

Thanks Mark, Thanks Nullig

Putting both in navigation div in template worked

style="position:relative;  z-index:100;"