(function() {
	function convertToPixels(_str, _context) {
		if (/px$/.test(_str)) {
			return parseFloat(_str);
		}
		
		if (!_context) {
			context = document.body;
		}
		
		var tmp = document.createElement('div');
		tmp.style.visbility = 'hidden';
		tmp.style.position = 'absolute';
		tmp.style.lineHeight = '0';

		if (/%$/.test(_str)) {
			context = _context.parentNode || _context;
			tmp.style.height = _str;
		} else {
			tmp.style.borderStyle = 'solid';
			tmp.style.borderBottomWidth = '0';
			tmp.style.borderTopWidth = _str;
		}
		
		context.appendChild(tmp);
		var px = tmp.offsetHeight;
		_context.removeChild(tmp);
		
		return px + 'px';
	}
	
	// TODO fix for IE
	var original_top_margin = window.getComputedStyle(document.body).getPropertyValue("margin-top");
	var message = 'You are using an out-of-date version of <%= browser_name %> (<%= version.string %>). It is encouraged that you update your browser. <a href="<%= read_param(:link) || default_info_link %>?for=<%= browser %>&version=<%= version.string %>" style="color:#8B0000">Click here</a> for more details.';

	var alert_box = document.createElement('div');
	alert_box.id = 'bad-browser-warning';
	alert_box.innerHTML	= '<div style="background-color:#f4a83d;border-bottom:1px solid #d6800c;color:#735005;font-family:Verdana,Helvetica,Geneva,Arial,sans-serif;font-size:14px;font-weight:bold;height:25px;left:0;overflow:hidden;padding-top:5px;position:fixed;text-align:center;top:0;width:100%">'+ message +'<a id="bad-browser-warning-remove" style="position:absolute;right:0;margin-right:10px;border:2px solid #735005;background-color: #FAD163;inline-display: block;padding-left:2px;padding-right:2px;text-decoration:none;color:#735005;line-height:16px" href="#">x</a></div>'

	document.body.appendChild(alert_box);
	document.body.style.marginTop = (parseFloat(convertToPixels(original_top_margin)) + 25) + 'px';

	document.getElementById('bad-browser-warning-remove').onclick = function() {
		var alert_box = document.getElementById('bad-browser-warning');
		
		document.body.removeChild(alert_box);
		document.body.style.margin = original_top_margin;
	}
;}());

@@ -7,16 +7,286 @@
 ion() %7B%0A
+%09function getTopMargin()%7B%0A%09%09if (window.getComputedStyle)%0A%09%09%09return window.getComputedStyle(document.body).getPropertyValue(%22margin-top%22);%0A%09%09%0A%09%09var margin = document.body.currentStyle%5B'margin'%5D;%0A%09%09var match = margin.match(/%5E%5Cd+/)%0A%09%09return match ? margin%5B0%5D : '0px';%0A%09%7D%0A%09%0A
 %09functio
@@ -321,16 +321,16 @@
 text) %7B%0A
-
 %09%09if (/p
@@ -971,76 +971,21 @@
 n = 
-window.getComputedStyle(document.body).getPropertyValue(%22margin-top%22
+getTopMargin(
 );%0A%09
@@ -1821,17 +1821,16 @@
 lor:
- 
 #FAD163;
 inli
@@ -1829,62 +1829,19 @@
 163;
-inline-display: block;padding-left:2px;padding-right:2
+padding:0 3
 px;t
@@ -1874,16 +1874,28 @@
 #735005;
+height:16px;
 line-hei
@@ -1903,20 +1903,26 @@
 ht:1
-6px%22 href=%22#
+4px;cursor:pointer
 %22%3Ex%3C

fix ie