Making my google-map fitBounds
<p>I basically want to create maps which zoom in to the size corresponding to the SE-NW corners. I have tried so many variations but have not been able to get it to work. I managed to place two markers on one version of my script but was not able to make the map zoom in to the size of the markers. I don't need markers, I was just thinking outside the box. I will include my sort of working script below but would appreciate any help with making the fitBounds to work. I have worked solidly on this for two days, but I am not a programmer so much of the solutions I have found on this website and others don't quite make sense, or they don't address my exact problem.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;!-- This script works, but the size of the output should be as per the SW-NE coordinates -- not the 'div style width/height', and ignoring the center:coordinates --&gt;
&lt;!-- This is one of several maps I am planning to create but I don't mind typing in the fitBounds coordinates by hand --&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Google Road Maps&lt;/title&gt;
&lt;script src="http://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
&lt;script&gt;
function initialize() {
  var mapProp = {
    center:new google.maps.LatLng(56.3,4.3),
    zoom:8,
    mapTypeId:google.maps.MapTypeId.ROADMAP,
    disableDefaultUI:true,     
    scaleControl: true
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);

var fitBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(53.3,-0.7), 
  new google.maps.LatLng(59.3,9.3)
);
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="googleMap" style="width:600mm;height:600mm;"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>