Google Map I Frame - Problem

Hi Guys,

I have added a google map iframe to my site, and placed a border around it. Although I have an annoying space at the bottom between the border and the map itself. the other three sides of the map all sit tight to the border as required. I have placed the map here:

<div id=“map”>
<iframe width=“419” height=“322” frameborder=“0” scrolling=“no” marginheight=“0” marginwidth=“0” src=“;hl=en&amp;geocode=&amp;q=7+ardliath,+rossnowlagh,+co+donegal+&amp;sll=53.800651,-4.064941&amp;sspn=12.165846,32.167969&amp;ie=UTF8&amp;s=AARTsJqv5zjkLn-vk4eudE5m4dR6wcWA9Q&amp;ll=54.569574,-8.195114&amp;spn=0.03483,0.072956&amp;z=13&amp;iwloc=addr&amp;output=embed”></iframe></div>

Any help greatly appreciated.


Try setting the height of your map div to that of your iframe…

width: 322px