diff --git a/js/mobius.js b/js/mobius.js
index 51b3ca9..ecdc09b 100644
--- a/js/mobius.js
+++ b/js/mobius.js
@@ -52,7 +52,7 @@ function add_2d_ctrl(parent,variable,label,min_x,max_x,min_y,max_y) {
     parent.append(value);
 }
 
-function add_vector_field(parent){
+function add_vector_field(){
     var canvas = document.createElement('canvas');
     canvas.style.border   = "1px solid";
     canvas.id = 'canvas'
@@ -62,7 +62,7 @@ function add_vector_field(parent){
     
     height = canvas.height;
     width = canvas.width;
-    parent.append(canvas);
+    return canvas;
 }
 
 //update based on id
@@ -150,6 +150,8 @@ $(function () {//document is ready, setup everything
     add_2d_ctrl($(guibox),c,"c",-1,1,-1,1);
     add_2d_ctrl($(guibox),d,"d",-1,1,-1,1);
 
-    add_vector_field($(guibox));
+
+    canvas = add_vector_field()
+    document.body.appendChild(canvas);
 
 });
diff --git a/style/style.css b/style/style.css
index 0b5796f..71b8a80 100644
--- a/style/style.css
+++ b/style/style.css
@@ -20,6 +20,5 @@ body{
 }
 #gui-box{
     display: inline-block;
-    position: absolute;
     top: 0; 
 }
\ No newline at end of file