title: My page isn't showing up correctly on IE?
body: <p>I've removed all in-line and unified all widths and heights using px however it is still not showing correctly on IE.</p>
  
  <pre><code>   .textbox {
      background-color:rgba(0, 0, 0, 0.5);
      width:172px; 
      height:220px; 
      border:solid; 
      border-width:1px; 
      border-color:#CCC;
  
      .gap    {
      padding:5px;
      }
  
      .text {
      color:#FFF;
      margin-top:20px;
      margin-left:45px;
      margin-bottom:0px;
      font-weight:bold;
      font-size:40px;
  }
  
  &lt;td class="tdstyle2"&gt;
                      &lt;div class="textbox"&gt;
                          &lt;img alt="2nd Day Of Christmas" src="/netalogue/2nd-day-christmas-blurry.jpg"&gt;
                          &lt;div class="gap"&gt;
                              &lt;p class="text"&gt;2nd&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
  </code></pre>
  
  <p>Please note you will not be able to see images as the URLs are changed by the web platform <a href="https://jsfiddle.net/5s8f01r5/1/" rel="nofollow">https://jsfiddle.net/5s8f01r5/1/</a></p>