fabricjs background color bug

<!DOCTYPE HTML>
<html>
<head>
    <script src="http://fabricjs.com/lib/fabric.js" type="text/javascript"></script>
    <style type="text/css">
        body
        {
            background-color: yellow;
        }
        #viewport {
            background-color: red;
            overflow: auto;
        }
        #canvas {
            /*background-color: magenta;*/
        }
    </style>
</head>
<body>

<div id="viewport" style="width: 400px; height: 460px; ">
    <canvas height="1035" id="canvas" width="900" ></canvas>
</div>
<script>
    var canvas = new fabric.Canvas('canvas');
    canvas.backgroundColor = 'rgb(255,255,255)';
    var rect = new fabric.Rect({
        top: 100,
        left: 100,
        width: 60,
        height: 70,
        fill: 'blue'
    });

    canvas.add(rect);
</script>
</body>
</html>