title: Add background image to Google Fusion Tables map info window?
body: <p>I'm creating a custom info window layout for a Google Fusion Tables map. One of my columns specifies the (partial) image name, which is then used as a background image. I'd like this background image to be flush with the edge of the info window. The code I've written below works in native html, but not in the info window because:</p>
  
  <ol>
  <li>The background image doesn't show (it defaults to the flat colour behind)</li>
  <li>I can't get rid of the padding around my content within the info window </li>
  </ol>
  
  <blockquote>
  <pre><code>&lt;div class='googft-info-window' style='font-family: sans-serif; width:495px; padding:0px; margin:0px;'&gt;
  &lt;div style="width:495px; height:36px; background:url(http://www.exampleurl.com/images/{header_hex}.gif) #{header_hex};"&gt;
  &lt;a href="{url}" style="font-weight:bold;font-size:14pt;color:#0066ff; text-decoration:none;" target="_blank" &gt;{item}&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p>Any ideas gratefully received... Thanks.</p>
  
  <p>EDITED TO ADD:</p>
  
  <p>I'm also having problems embedding a video into my info window. There's only one video - on the yellow marker to the east on the map link below. (There's a broken image showing in this marker's info window just above where the video ought to be because the image hasn't been uploaded yet). The video embed code I'm using is:</p>
  
  <pre><code>&lt;iframe width="300" height="165" src="http://www.youtube.com/embed/-yYLLb53V8E?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I'm using Fusion Tables (experimental) and my info window layout is:</p>
  
  <pre><code>&lt;div class='googft-info-window' style='font-family:sans-serif; color:#666; width:495px; padding:0px; margin:0px;'&gt;
  
  &lt;div style="width:495px; background:url(http://www.responsibletravel.com/imagesclient/{header_hex}.gif) #{header_hex};"&gt;&lt;div style="padding:8px;"&gt;
  &lt;a href="{url}" style="font-weight:bold;font-size:14pt;color:#0066ff; text-decoration:none;" target="_blank" &gt;{item}&lt;/a&gt;
  &lt;/div&gt;&lt;/div&gt;
  
  &lt;div style="float:left; width:330px; padding-top:10px;"&gt;
  &lt;div style="width:330px; padding-bottom:15px;"&gt;{description}&lt;/div&gt;
  &lt;div style="width:330px; padding-bottom:15px;"&gt;&lt;a href="{url}" style="color:#0066ff; text-decoration:none;" target="_blank" &gt;Read more about this {type}&lt;/a&gt;&lt;/div&gt;
  &lt;div style="width:330px;"&gt;{enquiry_url}&lt;/div&gt;
  &lt;div style="width:330px;"&gt;&lt;a href="{review_url}" target="_blank" &gt;{stars}&lt;/a&gt; &lt;a href="{review_url}" style="color:#0066ff; text-decoration:none;" target="_blank" &gt;{reviews}&lt;/a&gt;&lt;/div&gt;
  &lt;div style="float:left; width:110px; padding-top:10px"&gt;
  &lt;span style="font-weight:bold; font-size:11px"&gt;Share this:&lt;/span&gt;&lt;br&gt;
  &lt;a href="http://www.facebook.com/sharer.php?u={url}&amp;t={item}" style="color:#0066ff; text-decoration:none;" target="_blank"&gt;&lt;img src="http://www.responsibletravel.com/imagesclient/facebook-button-26.gif" style="border:0; padding:5px 5px 5px 0px;"&gt;&lt;/a&gt;
  &lt;a href="http://twitter.com/home?status={item}+{url}+%28via+%40r_travel%29" style="color:#0066ff; text-decoration:none;" target="_blank"&gt;&lt;img src="http://www.responsibletravel.com/imagesclient/twitter-button-26.gif" style="border:0; padding:5px 5px 5px 0px;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div style="float:left; width:100px; padding-top:26px"&gt;{xsell_icon_1}&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div style="float:right; width:160px; padding-top:10px;"&gt;
  &lt;div style="float:right; padding-top:10px"&gt;&lt;a href="{url}" target="_blank" &gt;&lt;img src='{image_S}' width='148' style='float:right; vertical-align:top; border:0'alt="{item}"/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div style="float:right; padding-top:5px"&gt;{video_embed}&lt;/div&gt;
  &lt;div style="float:right; padding-top:10px"&gt;&lt;a href="http://www.visitbrighton.com" target="_blank"&gt;&lt;img src="http://www.responsibletravel.com/imagesclient/visit-brighton-logo-148x58.gif" style="border:0; width:148px;"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The map is here (some of the info is still being populated but you get the idea):</p>
  
  <p><a href="https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col0+from+1r9PzOl93v_3amDCSXBHJcWhMCK6X9BufzF4TJhM&amp;h=false&amp;lat=50.82791056751128&amp;lng=-0.14479637145996094&amp;z=15&amp;t=1&amp;l=col0&amp;y=1&amp;tmplt=1" rel="nofollow">https://www.google.com/fusiontables/embedviz?viz=MAP&amp;q=select+col0+from+1r9PzOl93v_3amDCSXBHJcWhMCK6X9BufzF4TJhM&amp;h=false&amp;lat=50.82791056751128&amp;lng=-0.14479637145996094&amp;z=15&amp;t=1&amp;l=col0&amp;y=1&amp;tmplt=1</a></p>
  
  <p>Thank you...</p>