diff --git a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
index c7cc5095c..56f319d85 100644
--- a/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
+++ b/ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul
@@ -35,7 +35,7 @@ planner = self;
                     splittable="true" autoscroll="true">
 
                     <borderlayout >
-                        <north border="0" height="32px" flex="true" collapsible="true">
+                        <north border="0" height="32px" flex="true" collapsible="true" sclass="taskheadersgap">
                             <vbox pack="center" align="center">
                             <tree fixedLayout="false">
                                 <treecols sizable="false">
@@ -46,7 +46,7 @@ planner = self;
                             </tree>
                             </vbox>
                         </north>
-                        <center border="0" style="overflow-x:scroll">
+                        <center border="0" sclass="leftpanelcontainer" style="overflow-x:scroll">
                             <div sclass="leftpanelgap" id="insertionPointLeftPanel"></div>
                         </center>
                     </borderlayout>
diff --git a/ganttzk/src/main/resources/web/js/ganttz/tasklist.js b/ganttzk/src/main/resources/web/js/ganttz/tasklist.js
index 05ff440d0..c6eea5f85 100644
--- a/ganttzk/src/main/resources/web/js/ganttz/tasklist.js
+++ b/ganttzk/src/main/resources/web/js/ganttz/tasklist.js
@@ -60,7 +60,6 @@ zkTasklist.hideTooltip = function(elem) {
 	document.getElementById(elem).style["display"] = "none";
 }
 
-
 function scrolledpannel() {
 	return YAHOO.util.Selector.query('.rightpanellayout div')[0];
 }
@@ -77,6 +76,14 @@ function timetrackergap() {
 	return YAHOO.util.Selector.query('.timetrackergap')[0];
 }
 
+function taskheadersgap() {
+	return YAHOO.util.Selector.query('.taskheadersgap')[0];
+}
+
+function taskheaderscontainer() {
+	return YAHOO.util.Selector.query('.taskheaderscontainer')[0];
+}
+
 function rightpanellayout() {
 	return YAHOO.util.Selector.query('.rightpanellayout div')[0];
 }
@@ -84,6 +91,7 @@ function rightpanellayout() {
 zkTasklist.init = function(cmp) {
 	zkTasklist.adjust_height();
 	listenToScroll();
+	listenToTaskDetailsScroll();
 }
 
 /* Resizes ganttpanel heigh to fit window size */
@@ -104,20 +112,24 @@ function listenToScroll() {
 
 	var onScroll = function() {
 		timetrackergap_.style["left"] = "-" + scrolledpannel_.scrollLeft + "px";
-
-		leftpanel_.style["position"] = "relative";
 		leftpanel_.style["top"] = "-" + scrolledpannel_.scrollTop + "px";
-
-		plannergraph_.style["position"] = "relative";
 		plannergraph_.scrollLeft = scrolledpannel_.scrollLeft;
 	};
-
 	rightpanellayout_.onscroll = onScroll;
 
 }
 
-// Improve adjusting plannerlayout_center height based on window size */
-// YAHOO.util.Event.addListener(window, 'resize', relocateScrolls);
+function listenToTaskDetailsScroll() {
+	timetrackergap_ = timetrackergap();
+	taskheaderscontainer_ = taskheaderscontainer();
+
+	var onScrollTaskDetails = function() {
+		taskheaderscontainer__.style["left"] = "-" + leftpanel_.scrollLeft + "px";
+	};
+	leftpanel_.onscroll = onScrollTaskDetails;
+
+}
+
 
 /*
  * Move scrollbars to locate them on left and bottom window borders
diff --git a/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css b/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
index 6f17ed04e..48e52dc27 100644
--- a/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
+++ b/navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css
@@ -542,7 +542,7 @@ div.z-tree {
 }
 
 .plannerlayout, .resourcesloadlayout, .advancedallocationlayout {
-    height:350px;
+    height:550px;
 }
 
 .task_tooltip {
@@ -624,3 +624,7 @@ height:15px;
 #timetrackerheader .z-grid-body {
 display:none;
 }
+
+.taskheaderscontainer, .leftpanelgap, .plannergraph div {
+    position:relative";
+}
\ No newline at end of file