diff --git a/web/index.html b/web/index.html
index 161bfec701..615e685c76 100644
--- a/web/index.html
+++ b/web/index.html
@@ -31,18 +31,18 @@
 				<span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
 			</div>
 			<div id="sidebar">
-				<ul>
-					<li>
-						<strong>30</strong><span>current players</span>
-					</li>
-					<li>
-						<strong>500</strong><span>total games played</span>
-					</li>
-					<li>
-						<strong>&gt;9000</strong><span>downloads</span>
-					</li>
-				</ul>
-				<div style="margin: 100px auto 20px auto; width: 50%; clear: both">
+				<div style="margin: 0 auto; width: 100%">
+					<span class="stats">
+						<strong>30</strong><span class="desc">current players</span>
+					</span>
+					<span class="stats">
+						<strong>500</strong><span class="desc">total games played</span>
+					</span>
+					<span class="stats">
+						<strong>&gt;9000</strong><span class="desc">downloads</span>
+					</span>
+				</div>
+				<div style="margin: 20px auto; width: 50%; clear: both">
 					<img src="down_win.png" alt="Download OpenRA for Windows" />
 					<img src="down_win.png" alt="Download OpenRA for Windows" />
 					<img src="down_win.png" alt="Download OpenRA for Windows" />
diff --git a/web/openra.css b/web/openra.css
index d47311d708..13677c3490 100644
--- a/web/openra.css
+++ b/web/openra.css
@@ -48,27 +48,27 @@ div#menu a:hover { text-decoration: none; color: White }
 div#sidebar
 {
 	float: right; 
-	width: 40%
+	width: 450px;
+	text-align: center
 }
 div#sidebar strong
 {
 	font-size: 2.3em;
 	display: block
 }
-div#sidebar li
+div#sidebar .stats
 {
-	list-style-type: none;
-	float: left;
+	display: inline-block;
 	margin-right: 10px;
 }
-div#sidebar span
+div#sidebar .desc
 {
 	font-size: 0.8em
 }
 
 div#screenshots
 {
-	clear: both;
+	float: left;
 	width: 640px; 
 	margin: 0 auto; 
 	height: 400px;
@@ -77,6 +77,7 @@ div#screenshots
 
 div#footer
 {
+	clear: both;
 	font-size: 0.6em; 
 	margin-left: 30px;
 	margin-bottom: 10px;