title: IE8 CSS rendering issue (table)
body: <p>I've got quite common IE8 issue with my site. IE8 renders my page differently than other browsers, which is quite annoying. I'd love if someone could help, please!</p>
  
  <p>I've tried to give IE8 its own stylesheet but it doesn't seem to work.</p>
  
  <p>Here's the page with the issue:</p>
  
  <p><a href="http://www.routeqr.com/toimex/tuotteet" rel="nofollow">http://www.routeqr.com/toimex/tuotteet</a></p>
  
  <p>Scroll down to picture section and you'll see that the first colum and the second column got too much space between them.</p>
  
  <p>The TH-tags are also rendered wrong.</p>
  
  <p>IE doesn't render margins properly there, just check the same page with Firefox or with other browser and you should see the difference.</p>
  
  <p>I'd appreciate it a lot if someone could help me, I'm so lost myself.</p>
  
  <p>HTML-code</p>
  
  <pre><code>&lt;table class="tuotekuvat"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;th&gt;&lt;a name="kannakkeet"&gt;&amp;raquo; Kannakkeet&lt;/a&gt;&lt;/th&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.custom .tuotekuvat th {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #333333;
  }
  </code></pre>