Unique problem with IE8

I am using Pro Maps withing a ligthbox on a joomla site. In Firefox, it displays fine, however in Internet Explorer 8 when the map displays there are black boxes surrounding the pin. When you you close the balloon, the black part goes away.

Here is the URL: tennessee-bartending-schools/

I am wondering if it has to do with the shadow that is cast on the map by the balloon. Is there away to get rid of the shadow? I have 114 maps created or this site and this is really a bad situation for us.

I can do a bulk replacement if I need to adjust the CSS

Hi Chris,

It certainly looks from this end as though it is the infowindow shadow pane that is causing the problem in IE.

Test it out by adding a line to your wagmp_map_1.php. (the number of your instance of your map might be different)

Find the block of code under and including the line similar to:

function wagmp_map_1() {

Place your cursor at the end of the last line in that block, press 'return' to start a new line, and paste in:

map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";

In my file it would be like this:

function wagmp_map_1() {
  if(GBrowserIsCompatible()) {
    if(!document.getElementById('wagmp_map_1')) return false;
    var map = new GMap2(document.getElementById('wagmp_map_1'));
    wagmp_map_1_obj = new WAMapRef(map);
    map.enableContinuousZoom();
    map.enableDoubleClickZoom();
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    var geocoder = new GClientGeocoder();
    map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";

This doesn't give you a functioning shadow effect, but it might be better to have no shadow until someone posts a good solution. If nothing else it might help the diagnostic process!

Neilo,

I modified the code as you suggested and now the shadow is gone, however the problem WAS not solved at this point. The good news is that it isolated the problem for me and sent me in search of a solution which I am happy to report worked for the most part.

For other Joomla! users that may be in this situation I will post my findings and solution.

I was using the JCE mediabox plugin to accomplish the modal window, however the background of the modal window would show though around the information balloon. When I changed the modal window background to "transparent", the website page showed through instead.

The solution for me was to switch to a different modal window called modalizer, which can be found at modalizer

Now everything is fine except for the text in the ballon is "times new roman" now only in internet explorer... I think I saw another thread on that. Thanks for the help in sending me down the correct path on this one. This is a great extension for dreamweaver, worth every penny I paid for it!

Cheers Chris,

Thanks for posting your solution. That is going to save anyone with the same problem quite a bit of time.