Few tweaks for IE6

Author: fakedarren

assets/css/demos.css

@@ -22,6 +22,7 @@
 		.tabs LI.jsfiddle button	{
 			cursor: pointer;
 			background: url(graphics/jsfiddle.png) no-repeat;
+			display: block;
 			width: 140px;
 			height: 33px;
 			border: 0;

assets/css/main.css

@@ -89,5 +89,6 @@ UL	{
 	#content #rightcolumn	{
 		float: left;
 		margin: 25px 0 0;
+		overflow-x: hidden;
 		width: 760px;
 	}

demos/Accordion/demo.css

@@ -13,6 +13,9 @@
 		margin: 0 0 4px 0;
 		padding: 3px 5px 1px;
 	}
+	#accordion .content {
+		background-color: #F4F5F5;
+	}
 
 DIV.element P, DIV.element H4	{
 	margin: 0px;

demos/Effects/demo.html

@@ -20,7 +20,7 @@ <h2>Simple Fx</h2>
 	<h2>More Fx</h2>
 	<ul class="more-fx">
 		<li id="morph-1">First example!</li>
-		<li id="morph-2">Seconds example!</li>
+		<li id="morph-2">Second example!</li>
 		<li id="morph-3">Morph to a CSS rule!</li>
 	</ul>
 

demos/Effects/demo.js

@@ -21,7 +21,7 @@ window.addEvent('domready', function() {
 
 	$('morph-2').addEvent('click', function(){
 		$('element').morph({
-			'background': '#B86364',
+			'background-color': '#B86364',
 			'border-width': '1px',
 			'border-style': 'solid',
 			'border-color': '#f00',

demos/Slider/demo.css

@@ -1,7 +1,7 @@
 .slider {
-	width: 200px;
+	background: #CCC;
 	height: 16px;
-	background: grey;
+	width: 200px;
 }
 	.slider .knob {
 		background: #000;
@@ -17,7 +17,7 @@
 .advanced {
 	width: 400px;
 	margin: 5px 0;
-	background: grey;
+	background: #CCC;
 }
 	.advanced .knob {
 		cursor: pointer;