Google map is not displaying

<div id="dvMap" style="width: 100%; height: 50%; removed:absolute"></div

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
   <script type="text/javascript">
       function DataBind(rowsString) {
           var markers = [];
           for (i = 0; i < rowsString.length; i++) {
               markers[i] = [rowsString[i].Name, rowsString[i].Lat, rowsString[i].Lon, rowsString[i].No];
           }
           var mapOptions = {
               center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
               zoom: 8,
               mapTypeId: google.maps.MapTypeId.ROADMAP
           };
           var infoWindow = new google.maps.InfoWindow();
           var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
           debugger;
           for (i = 0; i < markers.length; i++) {
               var data = markers[i];
               var myLatlng = new google.maps.LatLng(data[1], data[2]);
               var marker = new google.maps.Marker({
                   position: myLatlng,
                   map: map,
                   title: data[0]
               });
               marker.setMap(map);
               (function (marker, data) {
                   google.maps.event.addListener(marker, "click", function (e) {
                       infoWindow.setContent(data[3]);
                       infoWindow.open(map, marker);
                   })
               })(marker, data);
           }
       }
   </script>