How not to mess up styling when using css frameworks

Question

I'm using Google Maps API V3 with Twitter Bootstrap and here's what I got. The marker can't even be recognized as a marker and the zooming tool is gone.

It seems like Twitter boostrap is messing up the styling of the map canvas is there a way on how to exclude an element from being styled by a certain framework? Or just simply reset the styling on only the map canvas so that it doesn't get affected by the stylesheet for twitter bootstrap?

Here's some code aside from the styling from twitter bootstrap:

<style type="text/css">
      html { height: 100% }
      body{ height: 100%; margin: 0; padding: 0 }
</style>

Answer 1

I believe it has to do with them adding

img{
    max-width: 100%;
}

suggested fix was this:

#mapContainer img{
    max-width: none;
}

see here https://github.com/twitter/bootstrap/issues/1552

[update]

Looks like the release of 2.0.4 should resolve this issue (I've not tried it just going by change.log)

http://blog.getbootstrap.com/2012/06/bootstrap-2-0-4-released/