Mapa ulotek nie jest wyświetlana prawidłowo w panelu z zakładkami

Próbuję użyć Leaflet.js, aby wyświetlić mapę wewnątrz panelu z zakładkami Twitter, ale zachowuje się dziwnie:

Po kliknięciu karty zawierającej panel znajduje się szara warstwa na górze mapy. Jeśli przeciągnę i przesuję mapę, zobaczę inne kafelki, ale nie pierwsze.

Jeszcze bardziej dziwne jest to, że jeśli zmienię rozmiar przeglądarki, nagle działa ona idealnie, dopóki nie przeładuję ponownie, więc zgaduję, że jest problem z css, ale nie mogę znaleźć problemu.

Również umieszczanie mapy poza panelem z kartami działa świetnie.

Testowałem w Firefoksie i Chrome i oba mają ten sam problem.

Stworzyłem test w jsfiddle, aby zobaczyć go na żywo:http://jsfiddle.net/jasalguero/C7Rp8/1/

Każda pomoc jest na prawdę doceniana!

questionAnswers(2)

yourAnswerToTheQuestion