diff --git a/website/clear.gif b/website/clear.gif
new file mode 100644
index 00000000..35d42e80
Binary files /dev/null and b/website/clear.gif differ
diff --git a/website/features/Cleanup.html b/website/features/Cleanup.html
index ae74c474..582412cd 100644
--- a/website/features/Cleanup.html
+++ b/website/features/Cleanup.html
@@ -8,8 +8,8 @@
 	<title>@Cleanup</title>
 	<!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]--> 
 </head><body><div id="pepper">
+	<div class="minimumHeight"></div>
 	<div class="meat">
-		<div class="minimumHeight"></div>
 		<div class="header"><a href="../index.html">Project Lombok</a></div>
 		<h1>@Cleanup</h1>
 		<div class="byline">Automatic resource management: Call your <code>close()</code> methods safely with no hassle.</div>
@@ -54,10 +54,10 @@
 				</p>
 			</div>
 		</div>
-		<footer>
+		<div class="footer">
 			<a href="index.html">Back to features</a> | <a href="Data.html">Previous feature (@Data)</a> | <a href="Synchronized.html">Next feature (@Synchronized)</a><br />
 			<span class="copyright">Copyright &copy; 2009 Reinier Zwitserloot and Roel Spilker, licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT licence</a>.</span>
-		</footer>
+		</div>
 		<div style="clear: both;"></div>
 	</div>
 </div></body></html>
diff --git a/website/features/Data.html b/website/features/Data.html
index cb15ed9b..0a6246bb 100644
--- a/website/features/Data.html
+++ b/website/features/Data.html
@@ -8,8 +8,8 @@
 	<title>@Data</title>
 	<!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]--> 
 </head><body><div id="pepper">
+	<div class="minimumHeight"></div>
 	<div class="meat">
-		<div class="minimumHeight"></div>
 		<div class="header"><a href="../index.html">Project Lombok</a></div>
 		<h1>@Data</h1>
 		<div class="byline">'struct' for java: Automatically generate <code>toString</code>, <code>hashCode</code>, <code>equals</code>, a constructor, and getters and setters
@@ -73,10 +73,10 @@
 				</p>
 			</div>
 		</div>
-		<footer>
+		<div class="footer">
 			<a href="index.html">Back to features</a> | <a href="GetterSetter.html">Previous feature (@Getter / @Setter)</a> | <a href="Cleanup.html">Next feature (@Cleanup)</a><br />
 			<span class="copyright">Copyright &copy; 2009 Reinier Zwitserloot and Roel Spilker, licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT licence</a>.</span>
-		</footer>
+		</div>
 		<div style="clear: both;"></div>
 	</div>
 </div></body></html>
diff --git a/website/features/GetterSetter.html b/website/features/GetterSetter.html
index c71d08c7..70b60f38 100644
--- a/website/features/GetterSetter.html
+++ b/website/features/GetterSetter.html
@@ -8,8 +8,8 @@
 	<title>@Getter and @Setter</title>
 	<!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]--> 
 </head><body><div id="pepper">
+	<div class="minimumHeight"></div>
 	<div class="meat">
-		<div class="minimumHeight"></div>
 		<div class="header"><a href="../index.html">Project Lombok</a></div>
 		<h1>@Getter and @Setter</h1>
 		<div class="byline">Never write <code>public int getFoo() {return foo;}</code> again.</div>
@@ -52,10 +52,10 @@
 				</p>
 			</div>
 		</div>
-		<footer>
+		<div class="footer">
 			<a href="index.html">Back to features</a> | <span class="disabled">Previous feature</span> | <a href="Data.html">Next feature (@Data)</a><br />
 			<span class="copyright">Copyright &copy; 2009 Reinier Zwitserloot and Roel Spilker, licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT licence</a>.</span>
-		</footer>
+		</div>
 		<div style="clear: both;"></div>
 	</div>
 </div></body></html>
diff --git a/website/features/clear.gif b/website/features/clear.gif
new file mode 100644
index 00000000..35d42e80
Binary files /dev/null and b/website/features/clear.gif differ
diff --git a/website/features/features.css b/website/features/features.css
index de669c7b..7edaf769 100644
--- a/website/features/features.css
+++ b/website/features/features.css
@@ -12,6 +12,10 @@ body {
 	background-position: 50px 20px;
 }
 
+* html #pepper {
+	background: none;
+}
+
 .meat {
 	padding: 0px 48px;
 }
@@ -22,13 +26,19 @@ body {
 	left: 30px;
 }
 
-.meat .minimumHeight {
+.minimumHeight {
 	height: 700px;
-	width: 5px;
+	width: 1px;
 	float: right;
 }
 
+* html .minimumHeight {
+	height: 0px;
+}
+
 h1 {
+	padding: 8px 0 10px 0;
+	font-size: 20px;
 	width: 100%;
 	text-align: center;
 }
@@ -42,7 +52,7 @@ h1 {
 
 .index {
 	font-size: 1.2em;
-	margin: 64px 0px 32px 64px;
+	margin: 48px 0px 32px 64px;
 }
 
 .index dt {
@@ -108,7 +118,7 @@ h1 {
 	display: none;
 }
 
-footer {
+.footer {
 	clear: left;
 	margin: 0 auto 0 auto;
 	padding: 16px 0 16px 0;
@@ -116,11 +126,11 @@ footer {
 	text-align: center;
 }
 
-footer .disabled {
+.footer .disabled {
 	color: #aaa;
 }
 
-footer .copyright {
+.footer .copyright {
 	color: #555;
 	font-size: 11px;
 	font-style: italic;
diff --git a/website/features/index.html b/website/features/index.html
index c270f4e3..f7851972 100644
--- a/website/features/index.html
+++ b/website/features/index.html
@@ -6,10 +6,10 @@
 	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
 	<meta name="description" content="Spice up your java" />
 	<title>Lombok feature overview</title>
-	<!--[if lt IE 7]><script type="text/javascript" src="logi/iepngfix_tilebg.js"></script><![endif]--> 
+	<!--[if lt IE 7]><script type="text/javascript" src="../logi/iepngfix_tilebg.js"></script><![endif]--> 
 </head><body><div id="pepper">
+	<div class="minimumHeight"></div>
 	<div class="meat">
-		<div class="minimumHeight"></div>
 		<div class="header"><a href="../index.html">Project Lombok</a></div>
 		<h1>Lombok features</h1>
 		<div class="index overview">
@@ -27,9 +27,9 @@
 				<dd>To boldly throw checked exceptions where no one has thrown them before!</dd>
 			</dl>
 		</div>
-		<footer>
+		<div class="footer">
 			<span class="copyright">Copyright &copy; 2009 Reinier Zwitserloot and Roel Spilker, licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT licence</a>.</span>
-		</footer>
+		</div>
 		<div style="clear: both;"></div>
 	</div>
 </div></body></html>
diff --git a/website/index.css b/website/index.css
index 884a13dc..e0a1e428 100644
--- a/website/index.css
+++ b/website/index.css
@@ -8,7 +8,8 @@ body {
 }
 
 h1 {
-	margin: 8px 0 16px 0;
+	padding: 8px 0 10px 0;
+	font-size: 20px;
 	width: 100%;
 	text-align: center;
 }
@@ -120,7 +121,7 @@ code {
 	background-color: #888;
 }
 
-footer {
+.footer {
 	margin-top: 8px;
 	display: block;
 	color: #555;
diff --git a/website/index.html b/website/index.html
index a1f98be9..dec0c7b5 100644
--- a/website/index.html
+++ b/website/index.html
@@ -48,8 +48,8 @@
 		<div class="endBar">
 			<a href="slideshow.html">I don't want to see a video - show me a slideshow instead!</a>
 		</div>
-		<footer>
+		<div class="footer">
 			Copyright &copy; 2009 Reinier Zwitserloot and Roel Spilker, licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT licence</a>.
-		</footer>
+		</div>
 	</div>
 </body></html>
diff --git a/website/logi/iepngfix.htc b/website/logi/iepngfix.htc
index 7ca4dbe9..bbfb23c5 100755
--- a/website/logi/iepngfix.htc
+++ b/website/logi/iepngfix.htc
@@ -13,7 +13,7 @@ IEPNGFix.data = IEPNGFix.data || {};
 
 // This must be a path to a blank image, relative to the HTML document(s).
 // In production use I suggest '/images/blankImg' or similar. That's all!
-IEPNGFix.blankImg = 'logi-img/clear.gif';
+IEPNGFix.blankImg = 'clear.gif';
 
 
 IEPNGFix.fix = function(elm, src, t) {