title: InfoBubble z-Index and GMap Marker z-index
body: <p>I am using <a href="http://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/infobubble/src/infobubble.js?r=356" rel="nofollow">InfoBubble</a> to display content in GMap. However the zIndex seems not working since InfoBubble with lower zIndex still block Marker with higher zIndex, anyone encouter similar issue?</p>
  
  <p>The GMap Marker:</p>
  
  <pre><code>new google.maps.Marker({
      draggable: true,
      raiseOnDrag: true,
      icon: currentLocationMarkerImage,
      shadow: currentLocationMarkerShadow,
      shape: currentLocationMarkerShape,
      map: map,
      animation: google.maps.Animation.DROP,
      position: getOriginLatLng(),
      zIndex: 11
  });
  </code></pre>
  
  <p>The InfoBubble:</p>
  
  <pre><code>new InfoBubble({
      /*maxWidth: 300,*/
      borderRadius        : 4,
      arrowStyle          : arrowStyle,
      color               : "#fff",
      borderColor         : '#1e90ff',
      backgroundColor     : '#fefefe',
      disableAutoPan      : disableAutoPan,
      shadowStyle         : 0,
      padding             : 5,
      arrowSize           : 10,
      borderWidth         : 2,
      // hideCloseButton  : true,
      arrowPosition       : 50,
      backgroundClassName : 'phoney',
      disableAnimation    : disableAnimation,
      zIndex              : 10
  });
  </code></pre>
  
  <p>Thank you.</p>