title: Text always displays under image in Fabric.js
body: <p>I have the following problem. I have been using Fabric.js for a project and find it easy to use. However I have the following problem that i just don't seem able to solve. I am probably missing the obvious but its time to ask for help.</p>
  
  <p>I can't get a text layar to display ontop of a loaded image. here is the code :</p>
  
  <pre><code>&lt;canvas id="c" height=600 width=800&gt;&lt;/canvas&gt;
  
  var canvas = new fabric.StaticCanvas('c'); 
  
  fabric.Image.fromURL('http://mozorg.cdn.mozilla.net/media/img/products/badge-   firefoxos.jpg?2013-06', function(img) {
      var imgX = img.set({
        top: 0,
        left: 0,
      });
  
      canvas.add(imgX);
    });
  
  var text   = new fabric.Text("This text always gets burried", {
      top        : 0,
      left       : 0,
      fontSize   : 50,
      fontFamily : 'Delicious_500'
    });
    canvas.add(text);
  
  canvas.BringToFront(text);
   canvas.renderAll();
  </code></pre>
  
  <p>I also created a fiddle : <a href="http://jsfiddle.net/NkqWL/9/" rel="nofollow">http://jsfiddle.net/NkqWL/9/</a></p>
  
  <p>Any advice is greatly appreciated.</p>