BootstrapとGoogle Map Apiの干渉

【事象】
Bootstrap（v2.3）を使用したページに、jQuery gMap v3（http://www.smashinglabs.pl/gmap）を使用してGoogle Mapを表示したところ、コントロール画像が表示されない。

どうやら、imgタグに対するCSSがBootstrapとGoogle Mapで干渉している模様。

[BootstrapのCSS]
img {
    …
    max-width: 100%;   <=これをコメントアウトすると表示されます。
    …
}

【対策】
Google Map用にCSSをオーバーライド
#map .gm-style img {
    max-width: inherit;  <=これを追加
}

するとコントロール画像が表示されます。

【補足】
ちなみに、google map表示の設置方法

1.HTMLに空div用意
<div id="map"></div>

2.HTMLに必要なjsをロード
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap.js"></script>

（ソースはこちら）

3.jsを記述

jQuery('#map').gMap({ address: '東京都◯◯◯□□□△△△',

panControl: true,

zoomControl: true,

zoomControlOptions: {

 style: google.maps.ZoomControlStyle.SMALL

},

mapTypeControl: true,

navigationControl: true,

scaleControl: true,

streetViewControl: false,

overviewMapControl: true,

scrollwheel: true,

icon: {

 image: "http://www.google.com/mapfiles/marker.png",

 shadow: "http://www.google.com/mapfiles/shadow50.png",

 iconsize: [20, 34],

 shadowsize: [37, 34],

 iconanchor: [9, 34],

 shadowanchor: [19, 34]

},

zoom:16,

markers: [{ 'address' : '東京都◯◯◯□□□△△△',

         html: "ここは東京都◯◯◯□□□△△△の場所です。",

         popup: true

}]

});