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!