use clever trick for centering of the translate element

index.mdwn

@@ -39,18 +39,34 @@ div#content, div#footer {
 .versions tr:nth-child(odd) {
   background: white;
 }
-div#google_translate_element {
-  position: absolute;
-  left: 45%;
+div#translate_container {
+  position:absolute;
   top: 110px;
+  width: 95%;
+}
+div#translate_container .outer {
+  position: relative;
+  float: right;
+  right: 50%;
+}
+div#google_translate_element {
+  position: relative;
+  float: right;
+  right: -50%;
 }
 </style>
 
-<div id="google_translate_element"></div><script type="text/javascript">
+<div id="translate_container">
+  <div class="outer">
+    <div id="google_translate_element"></div>
+  </div>
+  <div style="clear:both; float:none;"></div>
+<script type="text/javascript">
 function googleTranslateElementInit() {
   new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
 }
 </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+</div>
 
 <table class="boxes">
 <tr>