I have a Facebook "Like Box" embedded into my site followed by an embedded Google Map.

The script code for the "Like Box" is:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/mypage" width="300" height="430" show_faces="true" stream="true" header="true" frameborder="0" style="border:solid 3px #ee6400; background:#fff;" allowTransparency="true"></fb:like-box>

The script for the Google Map is in the head and then defined in the body (BEFORE the facebook like box) using:

<body onload="initialize()">
<div id="map_canvas" style="width:450px; height:290px; border-color: #a72020; border-style: solid;"></div>

These both work ok together in Safari and Firefox but in IE with the Facebook script running BEFORE the Google Map it causes the Google Map not to load.

It works the other way around - Google Map before Facebook script but I want to show them the other way.

Any help appreciated.