diff --git a/demos/agenda-views.html b/demos/agenda-views.html
index 3dd27ed..a48b657 100644
--- a/demos/agenda-views.html
+++ b/demos/agenda-views.html
@@ -66,15 +66,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/basic-views.html b/demos/basic-views.html
index e009595..1db41f4 100644
--- a/demos/basic-views.html
+++ b/demos/basic-views.html
@@ -66,15 +66,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/default.html b/demos/default.html
index fe6d89e..760f088 100644
--- a/demos/default.html
+++ b/demos/default.html
@@ -61,15 +61,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/gcal.html b/demos/gcal.html
index c9376ef..0cbf253 100644
--- a/demos/gcal.html
+++ b/demos/gcal.html
@@ -35,7 +35,7 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
@@ -49,8 +49,8 @@
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/json.html b/demos/json.html
index 8725ff7..3df06ee 100644
--- a/demos/json.html
+++ b/demos/json.html
@@ -62,8 +62,9 @@
 	}
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 </style>
diff --git a/demos/languages.html b/demos/languages.html
index c31172a..a9a69b5 100644
--- a/demos/languages.html
+++ b/demos/languages.html
@@ -109,8 +109,9 @@
 	}
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 </style>
diff --git a/demos/selectable.html b/demos/selectable.html
index d245e97..d314f75 100644
--- a/demos/selectable.html
+++ b/demos/selectable.html
@@ -81,15 +81,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/theme.html b/demos/theme.html
index ecf1fa0..bde750e 100644
--- a/demos/theme.html
+++ b/demos/theme.html
@@ -68,15 +68,15 @@
 <style>
 
 	body {
-		margin: 0;
+		margin: 40px 10px;
 		padding: 0;
 		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
 		font-size: 14px;
 	}
 
 	#calendar {
-		width: 900px;
-		margin: 40px auto;
+		max-width: 900px;
+		margin: 0 auto;
 	}
 
 </style>
diff --git a/demos/timezones.html b/demos/timezones.html
index d2c4dc9..2a09b84 100644
--- a/demos/timezones.html
+++ b/demos/timezones.html
@@ -52,7 +52,7 @@
 				eventRender: function(event, el) {
 					// render the timezone offset below the event title
 					if (event.start.hasZone()) {
-						el.find('.fc-event-title').after(
+						el.find('.fc-title').after(
 							$('<div class="tzo"/>').text(event.start.format('Z'))
 						);
 					}
@@ -88,8 +88,9 @@
 	#script-warning { font-weight: bold; color: red }
 
 	#calendar {
-		width: 900px;
+		max-width: 900px;
 		margin: 40px auto;
+		padding: 0 10px;
 	}
 
 	.tzo {