title: Background CSS image no showing in IE7 only
body: <p>The html is:</p>
  
  <pre><code>&lt;div class="choose-os"&gt;
  &lt;p&gt;
     &lt;a href="someLink" class="windows"&gt;Microsoft Windows&lt;/a&gt; 
     &lt;a href="someOtherLink" class="macos"&gt;Apple Mac OS&lt;/a&gt;
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS is:</p>
  
  <pre><code>.choose-os {
      margin: 20px 0;
      padding: 20px;
      background: #e7eefa;
  }
  .choose-os p {
      margin: 0;
  }
  .choose-os p a {
      display: inline-block;
      text-indent: -100000px;
      height: 56px;
      width: 308px;
  }
  .choose-os p a.windows {
      background: url(../images/button-windows-bg.png) 0 0;
  }
  .choose-os p a.macos {
      background: url(../images/button-macos-bg.png) 0 0;
  }
  .choose-os p a:hover {
      background-position: 0 -56px;
  }
  </code></pre>
  
  <p>Any suggestions would be greatly appreciated as to have the background image also appear on IE7.</p>