diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 20e82c27b7..a8ce2d54bb 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -126,16 +126,19 @@ e.g. the div with class calTimeGrid is generated by the timeGridWidget method of
 .calDayColHeader,.calGridHeader{
 	position: absolute;
 	top: 0px;
+	left: 0px;
 	width: 100%;
+	right: 0px;	/* does not work in IE, but looks better in other browsers then width:100% */
 	text-align: center;
 	font-size: 100%;
 	white-space: nowrap;
-	border-bottom: 1px solid gray;
-	border-right: 1px solid gray;
+	border-bottom: 1px solid silver;
+	border-right: 1px solid silver;
 	height: 16px;
 	line-height: 16px;
-	left: 0px;
-	z-index: 10;
+}
+.calDayColHeader img {
+	vertical-align: middle;
 }
 
 .calViewUserNameBox {
@@ -252,7 +255,9 @@ e.g. the div with class calTimeGrid is generated by the timeGridWidget method of
 	right: 0px;
 	top: 0px;
 }
-.calEventHeaderSmall .calEventIcons img{ height: 13px;}
+.calEventHeaderSmall .calEventIcons img{ 
+	height: 13px;
+}
 
 /* body of the event
  */
@@ -267,14 +272,12 @@ e.g. the div with class calTimeGrid is generated by the timeGridWidget method of
 	font-size: 95%;
 }
 
-.calEventLabel
-{
+.calEventLabel{
 	font-weight: bold;
 	font-size: 90%;
 }
 
-.calEventTitle
-{
+.calEventTitle{
 	font-weight: bold;
 	font-size: 110%;
 }