diff --git a/.jshintrc b/.jshintrc
index 11d24f4..f346956 100644
--- a/.jshintrc
+++ b/.jshintrc
@@ -20,6 +20,7 @@
 	"globals": {
 		"jQuery": true,
 		"define": true,
-		"module": true
+		"module": true,
+		"bean": true
 	}
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9eac4ab..54c9b2b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## HEAD
 
+* Add compatiblity for IE8 (use "bean" library for event handling)
 * Allow the content with id 0 to be selected
 
 * Fix max height of modal content
diff --git a/index.html b/index.html
index ba9e0af..8a2f529 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 
 		<!--[if lt IE 9]>
 			<script src="test/lib/html5shiv.js"></script>
+			<script src="test/lib/bean.js"></script>
 		<![endif]-->
 
 		<style>
diff --git a/modal.js b/modal.js
index 36527a6..dab13da 100644
--- a/modal.js
+++ b/modal.js
@@ -9,26 +9,9 @@
 
 	'use strict';
 
-	/*
-	 * Polyfill CustomEvent
-	 */
-	var CustomEvent = function (event, params) {
-		var evt = document.createEvent('CustomEvent');
-
-		params = params || {
-			bubbles: false,
-			cancelable: false,
-			detail: undefined
-		};
-
-		evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-
-		return evt;
-	};
-
-	if (!window.CustomEvent) {
-		CustomEvent.prototype = window.Event.prototype;
-		window.CustomEvent = CustomEvent;
+	// We use bean if the browser doesn't support CustomEvents
+	if (!global.CustomEvent && !global.bean) {
+		throw new Error('This browser doesn\'t support CustomEvent - please include bean: https://github.com/fat/bean');
 	}
 
 	/*
@@ -53,6 +36,7 @@
 		 * @param callback {function} gets fired if event is triggered
 		 */
 		on: function (event, element, callback) {
+
 			if (typeof event !== 'string') {
 				throw new Error('Type error: `error` has to be a string');
 			}
@@ -65,10 +49,10 @@
 				return;
 			}
 
-			if (element.addEventListener) {
-				element.addEventListener(event, callback, false);
+			if (global.bean) {
+				bean.on(element, event, callback);
 			} else {
-				element.attachEvent('on' + event, callback);
+				element.addEventListener(event, callback, false);
 			}
 		},
 
@@ -78,13 +62,23 @@
 		 * @param modal {string} id of modal that the event is triggered on
 		 */
 		trigger: function (event, modal) {
-			var eventTrigger = new CustomEvent(event,{
+			var eventTrigger;
+			var eventParams = {
 				detail: {
 					'modal': modal
 				}
-			});
+			};
+
+			// Use the bean library to fire the event if it is included
+			if (global.bean) {
+				bean.fire(document, event, eventParams);
 
-			document.dispatchEvent(eventTrigger);
+			// Use CustomEvents if supported
+			} else {
+				eventTrigger = new CustomEvent(event, eventParams);
+
+				document.dispatchEvent(eventTrigger);
+			}
 		},
 
 		/*
@@ -138,7 +132,16 @@
 		 * @param element {node} element to keep focus in
 		 */
 		keepFocus: function (element) {
-			var allTabbableElements = element.querySelectorAll(modal.tabbableElements);
+			var allTabbableElements = [];
+
+			// Don't keep the focus if the browser is unable to support
+			// CSS3 selectors
+			try {
+				allTabbableElements = element.querySelectorAll(modal.tabbableElements);
+			} catch (ex) {
+				return;
+			}
+
 			var firstTabbableElement = allTabbableElements[0];
 			var lastTabbableElement = allTabbableElements[allTabbableElements.length - 1];
 
diff --git a/plugins/gallery.js b/plugins/gallery.js
index 9506928..224562c 100644
--- a/plugins/gallery.js
+++ b/plugins/gallery.js
@@ -80,7 +80,7 @@
 	 * @return {Object} The detail image
 	 */
 	var _getDetailView = function (element) {
-		var container = element.getElementsByClassName('modal-detail')[0];
+		var container = element.querySelectorAll('.modal-detail')[0];
 
 		if (!container) {
 			throw new Error('".modal-detail" not found!');
@@ -145,8 +145,8 @@
 		var i = 0;
 
 		// Setup touch / click events
-		_prev = element.getElementsByClassName('modal--gallery-navigation-prev')[0];
-		_next = element.getElementsByClassName('modal--gallery-navigation-next')[0];
+		_prev = element.querySelectorAll('.modal--gallery-navigation-prev')[0];
+		_next = element.querySelectorAll('.modal--gallery-navigation-next')[0];
 
 		for (; i < events.length; i++) {
 			CSSModal.on(events[i], _prev, showPrevious);
@@ -167,7 +167,7 @@
 	 * @return {void}
 	 */
 	var _readContent = function (element) {
-		var contentList = element.getElementsByClassName('modal-content-list')[0];
+		var contentList = element.querySelectorAll('.modal-content-list')[0];
 		return contentList.getElementsByTagName('li');
 	};
 
diff --git a/plugins/modal-resize.js b/plugins/modal-resize.js
index da2d773..5de1b73 100644
--- a/plugins/modal-resize.js
+++ b/plugins/modal-resize.js
@@ -187,17 +187,19 @@
 	};
 
 	var getHorizontalOffset = function () {
+		var innerWidth = global.innerWidth || document.body.clientWidth;
 		var element = CSSModal.activeElement.querySelector('.modal-inner');
 		var elementWidth = parseInt(global.getComputedStyle(element).getPropertyValue('width'), 10);
-		var offset = (global.innerWidth - elementWidth) / 2;
+		var offset = (innerWidth - elementWidth) / 2;
 
 		return offset;
 	};
 
 	var getVerticalOffset = function () {
+		var innerHeight = global.innerHeight || document.body.clientHeight;
 		var element = CSSModal.activeElement.querySelector('.modal-inner');
 		var elementHeight = parseInt(global.getComputedStyle(element).getPropertyValue('height'), 10);
-		var offset = (global.innerHeight - elementHeight) / 2;
+		var offset = (innerHeight - elementHeight) / 2;
 
 		return offset;
 	};
diff --git a/test/index.html b/test/index.html
index 228bdd1..78387e9 100644
--- a/test/index.html
+++ b/test/index.html
@@ -10,6 +10,7 @@
 		<script src="lib/jquery.js"></script>
 		<script src="lib/jasmine-1.3.1/jasmine.js"></script>
 		<script src="lib/jasmine-1.3.1/jasmine-html.js"></script>
+		<script src="lib/bean.js"></script>
 	</head>
 
 	<body>
diff --git a/test/lib/bean.js b/test/lib/bean.js
new file mode 100644
index 0000000..7d8769f
--- /dev/null
+++ b/test/lib/bean.js
@@ -0,0 +1,6 @@
+/*!
+  * Bean - copyright (c) Jacob Thornton 2011-2012
+  * https://github.com/fat/bean
+  * MIT license
+  */
+(function(e,t,n){typeof module!="undefined"&&module.exports?module.exports=n():typeof define=="function"&&define.amd?define(n):t[e]=n()})("bean",this,function(e,t){e=e||"bean",t=t||this;var n=window,r=t[e],i=/[^\.]*(?=\..*)\.|.*/,s=/\..*/,o="addEventListener",u="removeEventListener",a=document||{},f=a.documentElement||{},l=f[o],c=l?o:"attachEvent",h={},p=Array.prototype.slice,d=function(e,t){return e.split(t||" ")},v=function(e){return typeof e=="string"},m=function(e){return typeof e=="function"},g="click dblclick mouseup mousedown contextmenu mousewheel mousemultiwheel DOMMouseScroll mouseover mouseout mousemove selectstart selectend keydown keypress keyup orientationchange focus blur change reset select submit load unload beforeunload resize move DOMContentLoaded readystatechange message error abort scroll ",y="show input invalid touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend textinputreadystatechange pageshow pagehide popstate hashchange offline online afterprint beforeprint dragstart dragenter dragover dragleave drag drop dragend loadstart progress suspend emptied stalled loadmetadata loadeddata canplay canplaythrough playing waiting seeking seeked ended durationchange timeupdate play pause ratechange volumechange cuechange checking noupdate downloading cached updateready obsolete ",b=function(e,t,n){for(n=0;n<t.length;n++)t[n]&&(e[t[n]]=1);return e}({},d(g+(l?y:""))),w=function(){var e="compareDocumentPosition"in f?function(e,t){return t.compareDocumentPosition&&(t.compareDocumentPosition(e)&16)===16}:"contains"in f?function(e,t){return t=t.nodeType===9||t===window?f:t,t!==e&&t.contains(e)}:function(e,t){while(e=e.parentNode)if(e===t)return 1;return 0},t=function(t){var n=t.relatedTarget;return n?n!==this&&n.prefix!=="xul"&&!/document/.test(this.toString())&&!e(n,this):n==null};return{mouseenter:{base:"mouseover",condition:t},mouseleave:{base:"mouseout",condition:t},mousewheel:{base:/Firefox/.test(navigator.userAgent)?"DOMMouseScroll":"mousewheel"}}}(),E=function(){var e=d("altKey attrChange attrName bubbles cancelable ctrlKey currentTarget detail eventPhase getModifierState isTrusted metaKey relatedNode relatedTarget shiftKey srcElement target timeStamp type view which propertyName"),t=e.concat(d("button buttons clientX clientY dataTransfer fromElement offsetX offsetY pageX pageY screenX screenY toElement")),r=t.concat(d("wheelDelta wheelDeltaX wheelDeltaY wheelDeltaZ axis")),i=e.concat(d("char charCode key keyCode keyIdentifier keyLocation location")),s=e.concat(d("data")),o=e.concat(d("touches targetTouches changedTouches scale rotation")),u=e.concat(d("data origin source")),l=e.concat(d("state")),c=/over|out/,h=[{reg:/key/i,fix:function(e,t){return t.keyCode=e.keyCode||e.which,i}},{reg:/click|mouse(?!(.*wheel|scroll))|menu|drag|drop/i,fix:function(e,n,r){n.rightClick=e.which===3||e.button===2,n.pos={x:0,y:0};if(e.pageX||e.pageY)n.clientX=e.pageX,n.clientY=e.pageY;else if(e.clientX||e.clientY)n.clientX=e.clientX+a.body.scrollLeft+f.scrollLeft,n.clientY=e.clientY+a.body.scrollTop+f.scrollTop;return c.test(r)&&(n.relatedTarget=e.relatedTarget||e[(r=="mouseover"?"from":"to")+"Element"]),t}},{reg:/mouse.*(wheel|scroll)/i,fix:function(){return r}},{reg:/^text/i,fix:function(){return s}},{reg:/^touch|^gesture/i,fix:function(){return o}},{reg:/^message$/i,fix:function(){return u}},{reg:/^popstate$/i,fix:function(){return l}},{reg:/.*/,fix:function(){return e}}],p={},v=function(e,t,r){if(!arguments.length)return;e=e||((t.ownerDocument||t.document||t).parentWindow||n).event,this.originalEvent=e,this.isNative=r,this.isBean=!0;if(!e)return;var i=e.type,s=e.target||e.srcElement,o,u,a,f,l;this.target=s&&s.nodeType===3?s.parentNode:s;if(r){l=p[i];if(!l)for(o=0,u=h.length;o<u;o++)if(h[o].reg.test(i)){p[i]=l=h[o].fix;break}f=l(e,this,i);for(o=f.length;o--;)!((a=f[o])in this)&&a in e&&(this[a]=e[a])}};return v.prototype.preventDefault=function(){this.originalEvent.preventDefault?this.originalEvent.preventDefault():this.originalEvent.returnValue=!1},v.prototype.stopPropagation=function(){this.originalEvent.stopPropagation?this.originalEvent.stopPropagation():this.originalEvent.cancelBubble=!0},v.prototype.stop=function(){this.preventDefault(),this.stopPropagation(),this.stopped=!0},v.prototype.stopImmediatePropagation=function(){this.originalEvent.stopImmediatePropagation&&this.originalEvent.stopImmediatePropagation(),this.isImmediatePropagationStopped=function(){return!0}},v.prototype.isImmediatePropagationStopped=function(){return this.originalEvent.isImmediatePropagationStopped&&this.originalEvent.isImmediatePropagationStopped()},v.prototype.clone=function(e){var t=new v(this,this.element,this.isNative);return t.currentTarget=e,t},v}(),S=function(e,t){return!l&&!t&&(e===a||e===n)?f:e},x=function(){var e=function(e,t,n,r){var i=function(n,i){return t.apply(e,r?p.call(i,n?0:1).concat(r):i)},s=function(n,r){return t.__beanDel?t.__beanDel.ft(n.target,e):r},o=n?function(e){var t=s(e,this);if(n.apply(t,arguments))return e&&(e.currentTarget=t),i(e,arguments)}:function(e){return t.__beanDel&&(e=e.clone(s(e))),i(e,arguments)};return o.__beanDel=t.__beanDel,o},t=function(t,n,r,i,s,o,u){var a=w[n],f;n=="unload"&&(r=A(O,t,n,r,i)),a&&(a.condition&&(r=e(t,r,a.condition,o)),n=a.base||n),this.isNative=f=b[n]&&!!t[c],this.customType=!l&&!f&&n,this.element=t,this.type=n,this.original=i,this.namespaces=s,this.eventType=l||f?n:"propertychange",this.target=S(t,f),this[c]=!!this.target[c],this.root=u,this.handler=e(t,r,null,o)};return t.prototype.inNamespaces=function(e){var t,n,r=0;if(!e)return!0;if(!this.namespaces)return!1;for(t=e.length;t--;)for(n=this.namespaces.length;n--;)e[t]==this.namespaces[n]&&r++;return e.length===r},t.prototype.matches=function(e,t,n){return this.element===e&&(!t||this.original===t)&&(!n||this.handler===n)},t}(),T=function(){var e={},t=function(n,r,i,s,o,u){var a=o?"r":"$";if(!r||r=="*")for(var f in e)f.charAt(0)==a&&t(n,f.substr(1),i,s,o,u);else{var l=0,c,h=e[a+r],p=n=="*";if(!h)return;for(c=h.length;l<c;l++)if((p||h[l].matches(n,i,s))&&!u(h[l],h,l,r))return}},n=function(t,n,r,i){var s,o=e[(i?"r":"$")+n];if(o)for(s=o.length;s--;)if(!o[s].root&&o[s].matches(t,r,null))return!0;return!1},r=function(e,n,r,i){var s=[];return t(e,n,r,null,i,function(e){return s.push(e)}),s},i=function(t){var n=!t.root&&!this.has(t.element,t.type,null,!1),r=(t.root?"r":"$")+t.type;return(e[r]||(e[r]=[])).push(t),n},s=function(n){t(n.element,n.type,null,n.handler,n.root,function(t,n,r){return n.splice(r,1),t.removed=!0,n.length===0&&delete e[(t.root?"r":"$")+t.type],!1})},o=function(){var t,n=[];for(t in e)t.charAt(0)=="$"&&(n=n.concat(e[t]));return n};return{has:n,get:r,put:i,del:s,entries:o}}(),N,C=function(e){arguments.length?N=e:N=a.querySelectorAll?function(e,t){return t.querySelectorAll(e)}:function(){throw new Error("Bean: No selector engine installed")}},k=function(e,t){if(!l&&t&&e&&e.propertyName!="_on"+t)return;var n=T.get(this,t||e.type,null,!1),r=n.length,i=0;e=new E(e,this,!0),t&&(e.type=t);for(;i<r&&!e.isImmediatePropagationStopped();i++)n[i].removed||n[i].handler.call(this,e)},L=l?function(e,t,n){e[n?o:u](t,k,!1)}:function(e,t,n,r){var i;n?(T.put(i=new x(e,r||t,function(t){k.call(e,t,r)},k,null,null,!0)),r&&e["_on"+r]==null&&(e["_on"+r]=0),i.target.attachEvent("on"+i.eventType,i.handler)):(i=T.get(e,r||t,k,!0)[0],i&&(i.target.detachEvent("on"+i.eventType,i.handler),T.del(i)))},A=function(e,t,n,r,i){return function(){r.apply(this,arguments),e(t,n,i)}},O=function(e,t,n,r){var i=t&&t.replace(s,""),o=T.get(e,i,null,!1),u={},a,f;for(a=0,f=o.length;a<f;a++)(!n||o[a].original===n)&&o[a].inNamespaces(r)&&(T.del(o[a]),!u[o[a].eventType]&&o[a][c]&&(u[o[a].eventType]={t:o[a].eventType,c:o[a].type}));for(a in u)T.has(e,u[a].t,null,!1)||L(e,u[a].t,!1,u[a].c)},M=function(e,t){var n=function(t,n){var r,i=v(e)?N(e,n):e;for(;t&&t!==n;t=t.parentNode)for(r=i.length;r--;)if(i[r]===t)return t},r=function(e){var r=n(e.target,this);r&&t.apply(r,arguments)};return r.__beanDel={ft:n,selector:e},r},_=l?function(e,t,r){var i=a.createEvent(e?"HTMLEvents":"UIEvents");i[e?"initEvent":"initUIEvent"](t,!0,!0,n,1),r.dispatchEvent(i)}:function(e,t,n){n=S(n,e),e?n.fireEvent("on"+t,a.createEventObject()):n["_on"+t]++},D=function(e,t,n){var r=v(t),o,u,a,f;if(r&&t.indexOf(" ")>0){t=d(t);for(f=t.length;f--;)D(e,t[f],n);return e}u=r&&t.replace(s,""),u&&w[u]&&(u=w[u].base);if(!t||r){if(a=r&&t.replace(i,""))a=d(a,".");O(e,u,n,a)}else if(m(t))O(e,null,t);else for(o in t)t.hasOwnProperty(o)&&D(e,o,t[o]);return e},P=function(e,t,n,r){var o,u,a,f,l,v,g;if(n===undefined&&typeof t=="object"){for(u in t)t.hasOwnProperty(u)&&P.call(this,e,u,t[u]);return}m(n)?(l=p.call(arguments,3),r=o=n):(o=r,l=p.call(arguments,4),r=M(n,o,N)),a=d(t),this===h&&(r=A(D,e,t,r,o));for(f=a.length;f--;)g=T.put(v=new x(e,a[f].replace(s,""),r,o,d(a[f].replace(i,""),"."),l,!1)),v[c]&&g&&L(e,v.eventType,!0,v.customType);return e},H=function(e,t,n,r){return P.apply(null,v(n)?[e,n,t,r].concat(arguments.length>3?p.call(arguments,5):[]):p.call(arguments))},B=function(){return P.apply(h,arguments)},j=function(e,t,n){var r=d(t),o,u,a,f,l;for(o=r.length;o--;){t=r[o].replace(s,"");if(f=r[o].replace(i,""))f=d(f,".");if(!f&&!n&&e[c])_(b[t],t,e);else{l=T.get(e,t,null,!1),n=[!1].concat(n);for(u=0,a=l.length;u<a;u++)l[u].inNamespaces(f)&&l[u].handler.apply(e,n)}}return e},F=function(e,t,n){var r=T.get(t,n,null,!1),i=r.length,s=0,o,u;for(;s<i;s++)r[s].original&&(o=[e,r[s].type],(u=r[s].handler.__beanDel)&&o.push(u.selector),o.push(r[s].original),P.apply(null,o));return e},I={on:P,add:H,one:B,off:D,remove:D,clone:F,fire:j,Event:E,setSelectorEngine:C,noConflict:function(){return t[e]=r,this}};if(n.attachEvent){var q=function(){var e,t=T.entries();for(e in t)t[e].type&&t[e].type!=="unload"&&D(t[e].element,t[e].type);n.detachEvent("onunload",q),n.CollectGarbage&&n.CollectGarbage()};n.attachEvent("onunload",q)}return C(),I})