El mapa del folleto no se muestra correctamente dentro del panel con pestañas
Estoy tratando de usar Leaflet.js para mostrar un mapa dentro de un panel con pestañas de Twitter Bootstrap, pero se está comportando de una manera extraña:
Cuando hago clic en la pestaña que contiene el panel, hay una capa gris en la parte superior del mapa. Si arrastro y muevo el mapa puedo ver otras fichas, pero no las iniciales.
Aún más extraño es que si cambio el tamaño del navegador, de repente funciona perfectamente, hasta que lo vuelva a cargar, así que supongo que es un problema con el css, pero no puedo encontrarlo.
Además, colocar el mapa fuera del panel con pestañas funciona muy bien.
Lo probé en Firefox y Chrome, y ambos tienen el mismo problema.
Creé una prueba en jsfiddle para verla "en vivo":http://jsfiddle.net/jasalguero/C7Rp8/1/
¡Cualquier ayuda es muy apreciada!