Google Map API DragZoom problem with IE6

Question

I'm using Dragzoom with Google Map API to allow user to zoom in and out. I'm having a problem with the position of the DragZoom overlay and the drag box when viewing in IE6. Here is the site. http://6243068.test.prositehosting.co.uk/projectspot/test1.html

When you draw a box, it is offset to the left by about half the map width. If I take out the "style="text-align:left;" from the map below then the DragZoom overlay is offset to the right and the drag box is offset to the right by about 100px.

<div id="map_google" style="text-align:left; background-color:rgb(229, 227, 223); 
height:471px;"></div> 

I guess it is to do with the search panel on the left but I need to have it there. The map is inside a table because I'm planning to add further elements around the map.

Any ideas why this may be happening? Thanks