title: Div flickering when the mouse hovers in Internet Explorer
body: <p>So I have a web page where a div is being filled with dynamic content which sometimes goes off the page. The div contains some tables filled with cells, each cell with the title attribute attached to them. When I hover over the table cells the div starts flickering.</p>
  
  <p>The scroll bar on the side is too small as well. But as soon as I start scrolling it expands to fit the entirety of the content. After scrolling all the way to the bottom hovering over the table cells no longer causes flickering.</p>
  
  <p>Obviously I don't want my content to flicker when the user moves the mouse over it. Removing the title attribute also fixes the problem, but I would like to be able to keep it there.</p>
  
  <p>This problem is only present in IE8 and below. I haven't tested IE9+, but it works as intended in Chrome and Firefox.</p>
  
  <p>Has anyone bumped into this problem before? Is there an easy substitution for the title attribute? Any input is welcome and appreciated. The code for one of the tables is below:</p>
  
  <pre><code>&lt;table class="main_html"&gt;
  &lt;tr class="main_html" id="5"&gt;
  
      &lt;td class="hour_slot" title="21:00" id="Alpha210000" value="21:00:00"&gt;&lt;/td&gt;
      &lt;td class="hour_slot" title="21:30" id="Alpha213000" value="21:30:00"&gt;&lt;/td&gt;
  
      &lt;td class="hour_slot" title="22:00" id="Alpha220000" value="22:00:00"&gt;&lt;/td&gt;
      &lt;td class="hour_slot" title="22:30" id="Alpha223000" value="22:30:00"&gt;&lt;/td&gt;
  
      &lt;td class="hour_slot" title="23:00" id="Alpha230000" value="23:00:00"&gt;&lt;/td&gt;
      &lt;td class="hour_slot" title="23:30" id="Alpha233000" value="23:30:00"&gt;&lt;/td&gt;
  
      &lt;td class="hour_slot" title="23:59" id="Alpha235959" value="23:59:59" style="border:none;"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>