High-map not displaying properly

I am just using a simple Highmap drill down example from its website. However, the entire map is not displaying on the browser. Here is the Fiddle to my code: https://jsfiddle.net/79wt4z9d/ here are the html tags I've included: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="https://code.highcharts.com/maps/highmaps.js"></script> <script src="https://code.highcharts.com/maps/modules/data.js"></script> <script src="https://code.highcharts.com/maps/modules/drilldown.js"></script> <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script> <link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <div id="container" style="height: 500px; min-width: 310px; max-width: 800px; margin: 0 auto"></div> This is the output i see: