title: HTML and CSS works fine in Chrome and Firefox but not IE7
body: <p>I am developing a site at the moment for Google Sites, and am looking to embed the HTML below as a gadget to display my own custom menu bar.
  I'm not a HTML or CSS expert so I took this sample code from a tutorial and attempted to use it myself.
  The problem is that it works fine in Firefox and Chrome but not in IE7.</p>
  
  <p>What is the best way to troubleshoot these types of issues? Is there any tool that can perform an analysis within IE and let me know the issue?</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  body {background-color:transparent}
  .outer {display:block}
  .outer img {width:100%; height:100%; border:0}
  html&gt;body .outer img {display:block}
  .outer a:hover {visibility:visible}
  .outer a:hover img {visibility:hidden}
  #home {background-image:url(https://lh4.googleusercontent.com/-SM4Zlc_m4sE/ToUeELn6dYI/AAAAAAAAAA4/srLee9XEP5s/HomeOnHoverMenuTile.png)}
  #news {background-image:url(https://lh4.googleusercontent.com/-UKhdMKoFs1o/ToUryay5cbI/AAAAAAAAACk/Fq4BprNrKYQ/NewsOnHoverMenuTile.png)}
  #history {background-image:url(https://lh3.googleusercontent.com/-b41VthyFbjM/ToUeEYy8PQI/AAAAAAAAAA8/zTlQLkQaxrQ/HistoryOnHoverMenuTile.png)}
  #clubgear {background-image:url(https://lh4.googleusercontent.com/-ihsPwNu_f6s/ToUeEPSC2XI/AAAAAAAAAA0/G-B6SVXR2DY/ClubGearOnHoverMenuTile.png)}
  
  
  &lt;/style&gt;
  &lt;base target="_parent"&gt;
  
  &lt;table align="center" style="background-color:#FFFFFF" cellpadding="0" cellspacing="0"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  
  &lt;td&gt;&lt;div class="outer" id="home"&gt;&lt;a href="http://www.google.ie"&gt;&lt;img src="https://lh5.googleusercontent.com/-p2m5ub3oghM/ToUqR7X0x-I/AAAAAAAAABo/5YYOpHVrN5E/HomeMenuTile.png"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td&gt;&lt;div class="outer" id="news"&gt;&lt;a href="http://www.google.ie"&gt;&lt;img src="https://lh5.googleusercontent.com/-gZbD2wwe3no/ToUqRzW8KcI/AAAAAAAAABk/wErW3cRYDT0/NewsMenuTile.png"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td&gt;&lt;div class="outer" id="history"&gt;&lt;a href="http://www.google.ie"&gt;&lt;img src="https://lh6.googleusercontent.com/-iRj10FazPSs/ToUqR82toZI/AAAAAAAAABg/3zOlviqH_ig/HistoryMenuTile.png"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td&gt;&lt;div class="outer" id="clubgear"&gt;&lt;a href="http://www.google.ie"&gt;&lt;img src="https://lh4.googleusercontent.com/-4hwFSaBOUh4/ToUeE1XbIYI/AAAAAAAAABI/ngtqhT5gcIE/ClubGearMenuTile.png"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
  
  
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>