Embedded Google Map alignment problem

Hi all, beginner question here.

I'm attempting at building a small website for my local golf club, one of the tabs on the website is a "Contact" link, inside this tab page I have attempted to embed a small GoogleMap with the co-ordinates of the golf club. Whilst testing browser compatibility with IE7 the embedded GoogleMap appears randomly at the bottom of the home page when the site is first loaded up. It should be appearing in the middle of the page, and only appear when you click the "Contact" tab. If browsing using Firefox, IE8 or Chrome it appears in the correct place on the site.

As said above, I only seem to have this issue with IE7, all the other browsers I've tested so far it aligns perfectly (Firefox, IE8, Chrome).

I've tried looking at what affects the positioning in different browsers, but have pretty much exhausted my very limited knoweledge on this subject (note: I am a total beginner with all this).

Appreciate any help anyone can offer - Many thanks in advance.

The website URL is: http://staging.boarsheadgolfcentre.co.uk

(Note: any other code I can supply / help with please just ask and I'll post it up)
The bit of code that handle the embedded map is:
(HTML part)
<div class="box" id="contact_page">                    
                    <div class="m_table">
                    <table width="85%" align="left" cellpadding="20">
                        <tr>
                            <td>
                                <h1 align="left">Contact Us</h1>
                            </td>
                            <td rowspan="5">
                                <div id="map_canvas" style="border-style:solid; border-width:1px; float: right; width: 350px; height: 450px"></div>
                                <strong style='float:right;'><a href="http://maps.google.co.uk/maps?hl=en&expIds=17259,28023&xhr=t&cp=39&um=1&ie=UTF-8&q=Boars+Head+Golf+Centre+Ltd,+Crowborough&fb=1&gl=uk&hq=Boars+Head+Golf+Centre+Ltd,&hnear=Crowborough,+East+Sussex&cid=0,0,4613151939200773413&ei=y98ITfieOYO3hQelsojLDw&sa=X&oi=local_result&ct=image&resnum=2&sqi=2&ved=0CCUQnwIwAQ" style='text-decoration: none;'><font color=#000000>For a larger map click here</font></a></strong>
                            </td> 
                        </tr>
                        <tr>
                            <td>
                                <p style='border: none;'>
                                    <strong>Boars Head Golf Centre&nbsp;</strong><br />Boars Head, Crowborough, East Sussex, TN6 3HD&nbsp;<br /><br />
                                    <strong>General Manager:&nbsp;</strong>Peter Grenham<br /><strong>Telephone:&nbsp;</strong>01892 664 545<br /><br />
                                    <strong>Professional:&nbsp;</strong>Keith Robson<br /><strong>Assistant Professional:&nbsp;</strong>George Scott
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p style='border: none;'>
                                    <strong>Location/Description:</strong><br />
                                    Situated just outside Crowborough on the way to Tunbridge Wells on the B2157. Traveling from Crowborough Town turn right on the Boars Head roundabout and head back up the B2157 for about 100 yards, entrance on your left (signposted).<br />
                                    Parkland course with water and trees. 9 hole course, 2698 yards (5396 18 holes), S.S.S. 67 (18 holes).<br /> Practice facilities available (driving range, grass tee, putting green and chipping area).
                                </p>
                            </td>
                        </tr>
                    </table>

                    </div>
                    </div>

Open in new window

(Javascript part)
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAGSrquuMPubSa0rTVyaJ2-hRM3sC8BNhS4dKTfFraCAxHin8KOhRLTWtdRIc0Q2_nPROmXypLuvQBUw"
            type="text/javascript"></script>

    <script type="text/javascript">

        function initialize() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                var center = new GLatLng(51.065371, 0.183923);
                map.setCenter(center, 13);

                var marker = new GMarker(center, { draggable: false });

                GEvent.addListener(marker, "dragstart", function () {
                    map.closeInfoWindow();
                });

                GEvent.addListener(marker, "dragend", function () {
                    marker.openInfoWindowHtml("Just bouncing along...");
                });

                map.addOverlay(marker);
                GEvent.addListener(marker, "click", function () { marker.openInfoWindowHtml('Boars Head Golf Centre'); });

            }
        }
    </script>

Open in new window

georgefowlerAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

georgefowlerAuthor Commented:
Issue resolve by myself. Added the following styles to .boxholder:

overflow: hidden;
position: relative;

Please close, thanks.

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
leakim971PluritechnicianCommented:
close yourself by accepted your own answer
0
georgefowlerAuthor Commented:
Found solution myself
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.