ie4

3 files changed, 35 insertions, 16 deletions

diff --git a/src/scss/ie/ie.scss b/src/scss/ie/ie.scss
index bf8cc4f..f65d6b9 100644
--- a/src/scss/ie/ie.scss
+++ b/src/scss/ie/ie.scss
@@ -10,18 +10,18 @@
 
 #main {
 	.col {
-		display: block !important;
-		width: 100% !important;
+		display: block;
+		width: 100%;
 
 		&.left {
-			padding-right: 0 !important;
+			padding-right: 0;
 		}
 
 	}
 
 	.section {
-		.heading {
-			background: $blue !important;
+		h2.heading {
+			background: $blue;
 		}
 	}
 
@@ -33,12 +33,15 @@
 	}
 
 	#comments {
-		#new_comment {
+		form, /* ie4 */
+		form#new_comment {
+
 			width: 400px;
 
-			#author,
-			#content {
-				width: 400px !important;
+			input,
+			input#author,
+			input#content {
+				width: 400px;
 			}
 		}
 	}
diff --git a/src/scss/ie/ie4.scss b/src/scss/ie/ie4.scss
new file mode 100644
index 0000000..e2335a7
--- /dev/null
+++ b/src/scss/ie/ie4.scss
@@ -0,0 +1,16 @@
+/* IE 4 Only */
+
+@import "../variables";
+
+/**
+ * Display inner block does not seem to work on thead
+ * li elements in IE4, so just make the list vertical
+ */
+
+#header {
+	#nav li {
+		padding: 0px !important;
+		margin: 0px !important;
+		margin-top: $inner-gap;
+	}
+}
diff --git a/src/scss/ie/ie6.scss b/src/scss/ie/ie6.scss
index 2731e24..a443956 100644
--- a/src/scss/ie/ie6.scss
+++ b/src/scss/ie/ie6.scss
@@ -20,22 +20,22 @@ body {
 	#main {
 		.col {
 
-			&.left {
+			&div.left {
 				margin-bottom: $inner-gap;
 			}
 
-			&.right {
-				margin-top: $inner-gap !important;
+			&div.right {
+				margin-top: $inner-gap;
 			}
 
 		}
 	}
 
-	#contact {
-		margin-bottom: 0 !important;
+	div#contact {
+		margin-bottom: 0;
 	}
 
-	#footer {
-		margin-top: $inner-gap !important;
+	div#footer {
+		margin-top: $inner-gap;
 	}
 }