Карта листовки не отображается должным образом внутри панели с вкладками

Я пытаюсь использовать Leaflet.js для отображения карты внутри панели вкладок из Twitter Bootstrap, но он ведет себя странно:

Когда я нажимаю на вкладку, содержащую панель, поверх карты появляется серый слой. Если я перетащу карту, я увижу другие плитки, но не первоначальные.

Еще более странно то, что если я изменяю размер браузера, он вдруг работает отлично, пока я снова не перезагружу, поэтому я предполагаю, что это проблема с css, но я не могу найти проблему.

Кроме того, прекрасно работает размещение карты за пределами панели с вкладками.

Я тестировал в Firefox и Chrome, и у обоих одна и та же проблема.

Я создал тест в jsfiddle, чтобы увидеть его «вживую» :http://jsfiddle.net/jasalguero/C7Rp8/1/

. Любая помощь очень ценится!