Go back to using <center> to position the buttons in the left hand

column as IE doesn't seem to cope with CSS based centering.

diff --git a/app/views/layouts/site.rhtml b/app/views/layouts/site.rhtml
index d83bfe8f291304305362d2f5bd192eb8436f237c..24822bc7c5159492450c260f18cff2acb554800c 100644 (file)
--- a/app/views/layouts/site.rhtml
+++ b/app/views/layouts/site.rhtml
@@ -113,14 +113,15 @@
 
       <%= yield :optionals %>
 
-      <div class="button" style="width: 115px">
-        <a href="http://donate.openstreetmap.org/"><img src="/images/donate.png" border="0" alt="Make a Donation" /></a>
-      </div>
-
-      <div id="cclogo" class="button" style="width: 88px">
-        <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="/images/cc_button.png" border="0" alt="" /></a>
-      </div>
+      <center>
+        <div class="button" style="width: 115px">
+          <a href="http://donate.openstreetmap.org/"><img src="/images/donate.png" border="0" alt="Make a Donation" /></a>
+        </div>
 
+        <div id="cclogo" class="button" style="width: 88px">
+          <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="/images/cc_button.png" border="0" alt="" /></a>
+        </div>
+      </center>
     </div>
   </body>
 </html>

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index aa9bf216ca4e7d5a965baee30840fd2b66ebef97..a6b6c8702e733bea925749b54d8af58664f732dd 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -368,8 +368,6 @@ hides rule from IE5-Mac \*/
 }
 
 .button {
-  margin-left: auto;
-  margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
 }