Eu estou tentando usar o Leaflet.js para exibir um mapa dentro de um painel com guias do Twitter Bootstrap, mas está se comportando de uma maneira estranha:

Quando clico na guia que contém o painel, há uma camada cinza no topo do mapa. Se eu arrastar e mover o mapa, vejo outras peças, mas não as iniciais.

Ainda mais estranho é que se eu redimensionar o navegador, de repente ele funciona perfeitamente, até que eu recarregue novamente, então eu acho que é um problema com o CSS, mas não consigo encontrar o problema.

Além disso, colocar o mapa fora do painel com guias funciona muito bem.

Eu testei no Firefox e no Chrome e ambos têm o mesmo problema.

Eu criei um teste no jsfiddle para vê-lo "ao vivo":http://jsfiddle.net/jasalguero/C7Rp8/1/

Qualquer ajuda é muito apreciada!