Google Maps JS Fiddle

Proof that code works on Firefox

by killrawr

HTML

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<div id="details_map">
    <div id="details_map_item"></div>
</div>

CSS

#details_con,
#details_map{
    margin:0 2px 0 0;
    padding:10px;   
    list-style:none;
    background:#fff;
    box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    font-size:14px;
}


#details_map{
    max-width:610px;
    padding:12px;   
    margin:20px auto;
    line-height:1;
}

div#details_map_item {
    height:300px;
    /* width:400px; */
    background: #69C none repeat scroll 0% 0%;
    font-size:14px;
}

JavaScript

jQuery(document).ready(function() {
    
    initMap();
    
});

var map;

function initMap() {
    map = new google.maps.Map(document.getElementById('details_map_item'), {
        center: {
            lat: -34.397,
            lng: 150.644
        },
        zoom: 8
    });
}