Leaflet IE empty popup

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script>
<div id="map"></div>

CSS

body, #map, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin:0;
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 2s linear;
	   -moz-transition: opacity 2s linear;
	     -o-transition: opacity 2s linear;
	        transition: opacity 2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 2s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 2s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 2s cubic-bezier(0,0,0.25,1);
	        transition:         transform 2s cubic-bezier(0,0,0.25,1);
	}

JavaScript

var map = new L.Map('map', { fadeAnimation: true });
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
map.setView(new L.LatLng(51.505, -0.09), 13);