Controles google maps se distorsionan en bootstrap

Este problema se me presento cuando embebía un mapa de google usando el API, no eh verificado si también ocurre con los mapas embebidos dentro de iframes. Esto es originado porque bootstrap aplica un "max-width: 100%" a las imagenes:

<a href="http://www.jorgelig.com/wp-content/uploads/2013/06/gmapsControlFail.png"></a>

Para corregirlo solo hay sobrescribir el max-width a las imagenes de google maps:

img[src^="http://maps.gstatic.com/"] {
    max-width: none;
}

Y listo, los controles se verán bien ^_^

<a href="http://www.jorgelig.com/wp-content/uploads/2013/06/gmapsControl.png"></a>

Post original: <a href="http://www.jorgelig.com/2013/06/12/controles-google-maps-se-distrorcionan-en-bootstrap/">link</a>