<div id="geoloc">
        <ul class="navigation">
            <div id="mapholder"></div>
            <p><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><script type="text/javascript">
                var x=document.getElementById("demo");
                var is_chrome = navigator.userAgent.indexOf('Chrome') > -1;
                var is_explorer = navigator.userAgent.indexOf('MSIE') > -1;
                var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
                var is_safari = navigator.userAgent.indexOf("Safari") > -1;
                var is_opera = navigator.userAgent.toLowerCase().indexOf("op") > -1;
                if ((is_chrome)&&(is_safari)) {is_safari=false;}
                if ((is_chrome)&&(is_opera)) {is_chrome=false;}
                function getLocation()
                {
                    if (navigator.geolocation)
                    {
                        navigator.geolocation.getCurrentPosition(showPosition,showError);
                    }
                    else
                    {
                        x.innerHTML="Geolocation is not supported by this browser.";
                    }
                }
                function showPosition(position)
                {   lat=position.coords.latitude;
                    lon=position.coords.longitude;
                    latlon=new google.maps.LatLng(lat, lon);
                    mapholder=document.getElementById('mapholder');
                    if (is_firefox)
                    {
                        mapholder.style.width='947px';
                    }
                    if (is_chrome)
                    {
                        mapholder.style.width='942px';
                    }
                    if (is_explorer)
                    {
                        mapholder.style.width='949px';
                    }
                    if (is_safari)
                    {
                        mapholder.style.width='949px';
                    }
                    mapholder.style.height='155px';
                    var myOptions={   center:latlon,zoom:14,
                        mapTypeId:google.maps.MapTypeId.ROADMAP,
                        mapTypeControl:false,
                        navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
                    };
                    var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
                    var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
                }
                function showError(error)
                {
                    switch(error.code)
                    {
                        case error.PERMISSION_DENIED:        x.innerHTML="User denied the request for Geolocation.";
                            break;
                        case error.POSITION_UNAVAILABLE:       x.innerHTML="Location information is unavailable.";
                            break;
                        case error.TIMEOUT:       x.innerHTML="The request to get user location timed out.";
                            break;
                        case error.UNKNOWN_ERROR:       x.innerHTML="An unknown error occurred.";
                            break;
                    }
                }
                getLocation();
            </script>
        </ul>
    </div>