title: appendChild within Table
body: <p>ok this is a bit complecated to explain so I hope I get this understandable.</p>
  
  <p>I have a table that incluse some linegraphs. The table is working perfectly but the lines are not drawn in IE6 and 7 (8 and 9 are working fine)</p>
  
  <p>I call a function that calculates the lines and then creates a div with that line. Then the function uses appendchild() to include the line in the table.</p>
  
  <p>XHTML</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr class="outTR"&gt;
          &lt;th&gt;&lt;h:outputText value="#  {valuegraph}" /&gt;&lt;/th&gt;
          &lt;c:forEach items="#{valuegraphlist}" var="el"&gt;
              &lt;td&gt;&lt;h:outputText value="#{value}" /&gt;&lt;/td&gt;
          &lt;/c:forEach&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JAVASCRIPT</p>
  
  <p>This is how I call the first function</p>
  
  <pre><code>$(document).ready(function() {
      initgraphics();
  });
  
  function initgraphics() {
      var p = $("#imgId_" + firstStep);
      var position = p.position();
      var img = $("img:first", ".stats");
      var i = 0;
      var width2 = img.width() / 2;
      var Y0 = position.top + p.height();
      $("img.img_base", ".stats").each(function() {
          jsBaseX[i++] = $(this).position().left + width2;
      });
  
  
      drawLineGraphic(jsBaseX, valuegraph, Y0, "0000FF", "00FF00", true);
  }
  
  function drawLineGraphic(BaseX, arrY, Y0, colourDot, colourLine, minus) {
  
      $.each(BaseX, function() {
          nextX = this;
          nextY = Y0 - arrY[idx];
  
          doter(nextX, nextY, 4, colourDot);
  
          lastX = nextX;
          lastY = nextY;
          idx++;
      });
  }
  
  
  function doter(x, y, d,color){
  var str="background: #"+color+";
  var ele = document.createElement("div");
  ele.setAttribute("style", str);
  ele.setAttribute("class", "class1");
  ele.setAttribute("id", "p_"+x+"_"+y);   
  document.body.appendChild(ele);
  </code></pre>
  
  <p>}</p>
  
  <p>When the functions get to the appendChild... it crashes... </p>
  
  <p>Any ideas??</p>