diff --git a/mozilla/calendar/resources/content/calendarDayView.js b/mozilla/calendar/resources/content/calendarDayView.js
index 560ce4b9376..51d930dc483 100644
--- a/mozilla/calendar/resources/content/calendarDayView.js
+++ b/mozilla/calendar/resources/content/calendarDayView.js
@@ -21,6 +21,7 @@
  * Contributor(s): Garth Smedley <garths@oeone.com>
  *                 Mike Potter <mikep@oeone.com>
  *                 Colin Phillips <colinp@oeone.com> 
+ *                 Karl Guertin <grayrest@grayrest.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -315,7 +316,8 @@ DayView.prototype.createEventBox = function ( calendarEventDisplay )
    topHeight = Math.round( topHeight ) - 1;
    eventBox.setAttribute( "top", topHeight );
    eventBox.setAttribute( "height", Math.round( ( hourDuration*kDayViewHourHeight ) + 1 ) );
-   var width = Math.round( 500 / calendarEventDisplay.NumberOfSameTimeEvents );
+   var daywidth = parseInt(document.defaultView.getComputedStyle(document.getElementById("day-tree-item-0"), "").getPropertyValue("width"));
+   var width = Math.round( ( daywidth-kDayViewHourLeftStart ) / calendarEventDisplay.NumberOfSameTimeEvents );
    eventBox.setAttribute( "width", width );
    eventBox.setAttribute( "style", "max-width: "+width+"px;" );
    var left = eval( ( ( calendarEventDisplay.CurrentSpot - 1 ) * width )  + kDayViewHourLeftStart );
diff --git a/mozilla/calendar/resources/content/calendarDayView.xul b/mozilla/calendar/resources/content/calendarDayView.xul
index 167884919ec..0b0846c58b7 100644
--- a/mozilla/calendar/resources/content/calendarDayView.xul
+++ b/mozilla/calendar/resources/content/calendarDayView.xul
@@ -23,6 +23,7 @@
    - Contributor(s): Garth Smedley <garths@oeone.com> 
    -                 Mike Potter <mikep@oeone.com>
    -                 Colin Phillips <colinp@oeone.com> 
+   -                 Karl Guertin <grayrest@grayrest.com>
    -
    - Alternatively, the contents of this file may be used under the terms of
    - either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -105,153 +106,158 @@
                
          <!-- This is an overlay being included from above -->
          <box id="day-view-content-box" flex="1">
-               <stack id="day-view-content-board" flex="1">    
+	       <vbox id="leftgradientbox" >
                    <image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>           
+	       </vbox>
+	       <stack id="day-view-content-board" flex="1">
+		   <vbox id="day-hour-content-holder" flex="1">    
+
    
-                   <hbox top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event  )" ondblclick="dayViewHourDoubleClick( 0, event )" >
+                   <box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event  )" ondblclick="dayViewHourDoubleClick( 0, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
                       </box>
-                   </hbox>
+                   </box>
                    
-                   <box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event  )" ondblclick="dayViewHourDoubleClick( 1, event )"  >
+                   <box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event  )" ondblclick="dayViewHourDoubleClick( 1, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
                       </box>
                    </box>
                    
-                   <box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event  )" ondblclick="dayViewHourDoubleClick( 2, event )"  >
+                   <box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event  )" ondblclick="dayViewHourDoubleClick( 2, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
                       </box>
                    </box>
                    
-                   <box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event  )" ondblclick="dayViewHourDoubleClick( 3, event )" >
+                   <box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event  )" ondblclick="dayViewHourDoubleClick( 3, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
                       </box>
                    </box>
                    
-                   <box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event  )" ondblclick="dayViewHourDoubleClick( 4, event )" >
+                   <box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event  )" ondblclick="dayViewHourDoubleClick( 4, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
                       </box>
                    </box>
                    
-                   <box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event  )" ondblclick="dayViewHourDoubleClick( 5, event )" >
+                   <box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event  )" ondblclick="dayViewHourDoubleClick( 5, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
                       </box>
                    </box>
                    
-                   <box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event  )" ondblclick="dayViewHourDoubleClick( 6, event )" >
+                   <box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event  )" ondblclick="dayViewHourDoubleClick( 6, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
                       </box>
                    </box>
                    
-                   <box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event  )" ondblclick="dayViewHourDoubleClick( 7, event )" >
+                   <box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event  )" ondblclick="dayViewHourDoubleClick( 7, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
                       </box>
                    </box>
                    
-                   <box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event  )" ondblclick="dayViewHourDoubleClick( 8, event )"  >
+                   <box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event  )" ondblclick="dayViewHourDoubleClick( 8, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
                       </box>
                    </box>
                    
-                   <box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event  )" ondblclick="dayViewHourDoubleClick( 9, event )"  >
+                   <box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event  )" ondblclick="dayViewHourDoubleClick( 9, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
                       </box>
                    </box>
                    
-                   <box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event  )" ondblclick="dayViewHourDoubleClick( 10, event )"  >
+                   <box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event  )" ondblclick="dayViewHourDoubleClick( 10, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
                       </box>
                    </box>
                    
-                   <box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event  )" ondblclick="dayViewHourDoubleClick( 11, event )"  >
+                   <box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event  )" ondblclick="dayViewHourDoubleClick( 11, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
                       </box>
                    </box>
                    
-                   <box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event  )" ondblclick="dayViewHourDoubleClick( 12, event )"  >
+                   <box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event  )" ondblclick="dayViewHourDoubleClick( 12, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
                       </box>
                    </box>
                    
-                   <box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event  )" ondblclick="dayViewHourDoubleClick( 13, event )" >
+                   <box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event  )" ondblclick="dayViewHourDoubleClick( 13, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
                       </box>
                    </box>
                    
-                   <box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event  )" ondblclick="dayViewHourDoubleClick( 14, event )" >
+                   <box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event  )" ondblclick="dayViewHourDoubleClick( 14, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
                       </box>
                    </box>
                    
-                   <box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event  )" ondblclick="dayViewHourDoubleClick( 15, event )" >
+                   <box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event  )" ondblclick="dayViewHourDoubleClick( 15, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
                       </box>
                    </box>
                    
-                   <box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event  )" ondblclick="dayViewHourDoubleClick( 16, event )" >
+                   <box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event  )" ondblclick="dayViewHourDoubleClick( 16, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
                       </box>
                    </box>
                    
-                   <box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event  )" ondblclick="dayViewHourDoubleClick( 17, event )" >
+                   <box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event  )" ondblclick="dayViewHourDoubleClick( 17, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
                       </box>
                    </box>
                    
-                   <box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event  )" ondblclick="dayViewHourDoubleClick( 18, event )" >
+                   <box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event  )" ondblclick="dayViewHourDoubleClick( 18, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
                       </box>
                    </box>
                    
-                   <box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event  )" ondblclick="dayViewHourDoubleClick( 19, event )" >
+                   <box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event  )" ondblclick="dayViewHourDoubleClick( 19, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
                       </box>
                    </box>
                    
-                   <box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event  )" ondblclick="dayViewHourDoubleClick( 20, event )" >
+                   <box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event  )" ondblclick="dayViewHourDoubleClick( 20, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
                       </box>
                    </box>
                    
-                   <box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event  )" ondblclick="dayViewHourDoubleClick( 21, event )" >
+                   <box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event  )" ondblclick="dayViewHourDoubleClick( 21, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
                       </box>
                    </box>
                    
-                   <box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event  )" ondblclick="dayViewHourDoubleClick( 22, event )" >
+                   <box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event  )" ondblclick="dayViewHourDoubleClick( 22, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
                       </box>
                    </box>
                    
-                   <box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event  )" ondblclick="dayViewHourDoubleClick( 23, event )" >
+                   <box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event  )" ondblclick="dayViewHourDoubleClick( 23, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
                       </box>
                    </box>
-               </stack>    
+	       </vbox>    
+	   </stack>
          </box>   <!-- End: day-tree-content-box -->
       </vbox>
    </vbox>  <!-- End: Calendar Day View -->
diff --git a/mozilla/calendar/resources/content/dayView.js b/mozilla/calendar/resources/content/dayView.js
index 560ce4b9376..51d930dc483 100644
--- a/mozilla/calendar/resources/content/dayView.js
+++ b/mozilla/calendar/resources/content/dayView.js
@@ -21,6 +21,7 @@
  * Contributor(s): Garth Smedley <garths@oeone.com>
  *                 Mike Potter <mikep@oeone.com>
  *                 Colin Phillips <colinp@oeone.com> 
+ *                 Karl Guertin <grayrest@grayrest.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -315,7 +316,8 @@ DayView.prototype.createEventBox = function ( calendarEventDisplay )
    topHeight = Math.round( topHeight ) - 1;
    eventBox.setAttribute( "top", topHeight );
    eventBox.setAttribute( "height", Math.round( ( hourDuration*kDayViewHourHeight ) + 1 ) );
-   var width = Math.round( 500 / calendarEventDisplay.NumberOfSameTimeEvents );
+   var daywidth = parseInt(document.defaultView.getComputedStyle(document.getElementById("day-tree-item-0"), "").getPropertyValue("width"));
+   var width = Math.round( ( daywidth-kDayViewHourLeftStart ) / calendarEventDisplay.NumberOfSameTimeEvents );
    eventBox.setAttribute( "width", width );
    eventBox.setAttribute( "style", "max-width: "+width+"px;" );
    var left = eval( ( ( calendarEventDisplay.CurrentSpot - 1 ) * width )  + kDayViewHourLeftStart );
diff --git a/mozilla/calendar/resources/content/dayView.xul b/mozilla/calendar/resources/content/dayView.xul
index 167884919ec..0b0846c58b7 100644
--- a/mozilla/calendar/resources/content/dayView.xul
+++ b/mozilla/calendar/resources/content/dayView.xul
@@ -23,6 +23,7 @@
    - Contributor(s): Garth Smedley <garths@oeone.com> 
    -                 Mike Potter <mikep@oeone.com>
    -                 Colin Phillips <colinp@oeone.com> 
+   -                 Karl Guertin <grayrest@grayrest.com>
    -
    - Alternatively, the contents of this file may be used under the terms of
    - either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -105,153 +106,158 @@
                
          <!-- This is an overlay being included from above -->
          <box id="day-view-content-box" flex="1">
-               <stack id="day-view-content-board" flex="1">    
+	       <vbox id="leftgradientbox" >
                    <image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>           
+	       </vbox>
+	       <stack id="day-view-content-board" flex="1">
+		   <vbox id="day-hour-content-holder" flex="1">    
+
    
-                   <hbox top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event  )" ondblclick="dayViewHourDoubleClick( 0, event )" >
+                   <box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event  )" ondblclick="dayViewHourDoubleClick( 0, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
                       </box>
-                   </hbox>
+                   </box>
                    
-                   <box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event  )" ondblclick="dayViewHourDoubleClick( 1, event )"  >
+                   <box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event  )" ondblclick="dayViewHourDoubleClick( 1, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
                       </box>
                    </box>
                    
-                   <box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event  )" ondblclick="dayViewHourDoubleClick( 2, event )"  >
+                   <box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event  )" ondblclick="dayViewHourDoubleClick( 2, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
                       </box>
                    </box>
                    
-                   <box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event  )" ondblclick="dayViewHourDoubleClick( 3, event )" >
+                   <box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event  )" ondblclick="dayViewHourDoubleClick( 3, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
                       </box>
                    </box>
                    
-                   <box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event  )" ondblclick="dayViewHourDoubleClick( 4, event )" >
+                   <box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event  )" ondblclick="dayViewHourDoubleClick( 4, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
                       </box>
                    </box>
                    
-                   <box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event  )" ondblclick="dayViewHourDoubleClick( 5, event )" >
+                   <box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event  )" ondblclick="dayViewHourDoubleClick( 5, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
                       </box>
                    </box>
                    
-                   <box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event  )" ondblclick="dayViewHourDoubleClick( 6, event )" >
+                   <box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event  )" ondblclick="dayViewHourDoubleClick( 6, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
                       </box>
                    </box>
                    
-                   <box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event  )" ondblclick="dayViewHourDoubleClick( 7, event )" >
+                   <box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event  )" ondblclick="dayViewHourDoubleClick( 7, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
                       </box>
                    </box>
                    
-                   <box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event  )" ondblclick="dayViewHourDoubleClick( 8, event )"  >
+                   <box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event  )" ondblclick="dayViewHourDoubleClick( 8, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
                       </box>
                    </box>
                    
-                   <box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event  )" ondblclick="dayViewHourDoubleClick( 9, event )"  >
+                   <box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event  )" ondblclick="dayViewHourDoubleClick( 9, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
                       </box>
                    </box>
                    
-                   <box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event  )" ondblclick="dayViewHourDoubleClick( 10, event )"  >
+                   <box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event  )" ondblclick="dayViewHourDoubleClick( 10, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
                       </box>
                    </box>
                    
-                   <box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event  )" ondblclick="dayViewHourDoubleClick( 11, event )"  >
+                   <box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event  )" ondblclick="dayViewHourDoubleClick( 11, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
                       </box>
                    </box>
                    
-                   <box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event  )" ondblclick="dayViewHourDoubleClick( 12, event )"  >
+                   <box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event  )" ondblclick="dayViewHourDoubleClick( 12, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
                       </box>
                    </box>
                    
-                   <box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event  )" ondblclick="dayViewHourDoubleClick( 13, event )" >
+                   <box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event  )" ondblclick="dayViewHourDoubleClick( 13, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
                       </box>
                    </box>
                    
-                   <box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event  )" ondblclick="dayViewHourDoubleClick( 14, event )" >
+                   <box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event  )" ondblclick="dayViewHourDoubleClick( 14, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
                       </box>
                    </box>
                    
-                   <box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event  )" ondblclick="dayViewHourDoubleClick( 15, event )" >
+                   <box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event  )" ondblclick="dayViewHourDoubleClick( 15, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
                       </box>
                    </box>
                    
-                   <box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event  )" ondblclick="dayViewHourDoubleClick( 16, event )" >
+                   <box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event  )" ondblclick="dayViewHourDoubleClick( 16, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
                       </box>
                    </box>
                    
-                   <box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event  )" ondblclick="dayViewHourDoubleClick( 17, event )" >
+                   <box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event  )" ondblclick="dayViewHourDoubleClick( 17, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
                       </box>
                    </box>
                    
-                   <box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event  )" ondblclick="dayViewHourDoubleClick( 18, event )" >
+                   <box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event  )" ondblclick="dayViewHourDoubleClick( 18, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
                       </box>
                    </box>
                    
-                   <box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event  )" ondblclick="dayViewHourDoubleClick( 19, event )" >
+                   <box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event  )" ondblclick="dayViewHourDoubleClick( 19, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
                       </box>
                    </box>
                    
-                   <box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event  )" ondblclick="dayViewHourDoubleClick( 20, event )" >
+                   <box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event  )" ondblclick="dayViewHourDoubleClick( 20, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
                       </box>
                    </box>
                    
-                   <box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event  )" ondblclick="dayViewHourDoubleClick( 21, event )" >
+                   <box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event  )" ondblclick="dayViewHourDoubleClick( 21, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
                       </box>
                    </box>
                    
-                   <box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event  )" ondblclick="dayViewHourDoubleClick( 22, event )" >
+                   <box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event  )" ondblclick="dayViewHourDoubleClick( 22, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
                       </box>
                    </box>
                    
-                   <box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event  )" ondblclick="dayViewHourDoubleClick( 23, event )" >
+                   <box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event  )" ondblclick="dayViewHourDoubleClick( 23, event )" flex="1" >
                       <box class="day-time-class">
                          <label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
                       </box>
                    </box>
-               </stack>    
+	       </vbox>    
+	   </stack>
          </box>   <!-- End: day-tree-content-box -->
       </vbox>
    </vbox>  <!-- End: Calendar Day View -->
diff --git a/mozilla/calendar/resources/skin/modern/calendar.css b/mozilla/calendar/resources/skin/modern/calendar.css
index 053077aa27e..2de85c089b1 100644
--- a/mozilla/calendar/resources/skin/modern/calendar.css
+++ b/mozilla/calendar/resources/skin/modern/calendar.css
@@ -674,9 +674,6 @@ button.calendar-management-button:hover:active
    border             : 1px solid #2085c4;
 }
 
-#day-view-content-board
-{
-}
 
 /*--------------------------------------------------------------------
  * Box around the tree content
@@ -706,13 +703,13 @@ button.calendar-management-button:hover:active
 
 .day-view-hour-box-class
 {
-   width                : 609px;
    border-top           : 1px solid #2085c4;
    background-color     : white;
    -moz-box-pack        : start;
    -moz-box-align       : center;
    height               : 50px;
    padding-top          : 2px;
+   margin-right 	: 5px;
 }