diff --git a/tests/slotEventOverlap-demo.html b/tests/slotEventOverlap-demo.html
new file mode 100644
index 0000000..672a1d8
--- /dev/null
+++ b/tests/slotEventOverlap-demo.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link href='../build/out/fullcalendar.css' rel='stylesheet' />
+<link href='../build/out/fullcalendar.print.css' rel='stylesheet' media='print' />
+<script src='../lib/jquery/jquery.js'></script>
+<script src='../lib/jquery-ui/ui/jquery-ui.js'></script>
+<script src='../build/out/fullcalendar.js'></script>
+<script>
+
+	$(document).ready(function() {
+	
+		var date = new Date();
+		var d = date.getDate() + 1;
+		var m = date.getMonth();
+		var y = date.getFullYear();
+		
+		$('#calendar').fullCalendar({
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,agendaDay'
+			},
+			editable: true,
+			defaultView: 'agendaDay',
+			allDaySlot: false,
+			year: y,
+			month: m,
+			date: d,
+			slotEventOverlap: false,
+			events: [
+				{
+					title: 'Meeting',
+					start: new Date(y, m, d, 10, 30),
+					allDay: false
+				},
+				{
+					title: 'Lunch',
+					start: new Date(y, m, d, 12, 0),
+					end: new Date(y, m, d, 17, 0),
+					allDay: false
+				},
+				{
+					title: 'Another Meeting',
+					start: new Date(y, m, d, 12, 15),
+					end: new Date(y, m, d, 14, 30),
+					allDay: false
+				},
+				{
+					title: 'Party',
+					start: new Date(y, m, d, 9, 0),
+					end: new Date(y, m, d, 16, 0),
+					allDay: false
+				}
+			]
+		});
+		
+	});
+
+</script>
+<style>
+
+	body {
+		margin-top: 40px;
+		text-align: center;
+		font-size: 14px;
+		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
+		}
+
+	#calendar {
+		width: 900px;
+		margin: 0 auto;
+		}
+
+	.fc-event {
+		box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
+		border-radius: 5px !important;
+		}
+
+	.fc-event-bg {
+		opacity: .3 !important;
+		}
+
+</style>
+</head>
+<body>
+<div id='calendar'></div>
+</body>
+</html>
