diff --git a/lang/en_utf8/help/emoticons.html b/lang/en_utf8/help/emoticons.html
index 8d3390d1e89..3c6babd815f 100644
--- a/lang/en_utf8/help/emoticons.html
+++ b/lang/en_utf8/help/emoticons.html
@@ -1,21 +1,119 @@
-<h1>Using Smilies (emoticons)</h1>
-<style type="text/css">
-#emotions{
-    align: center;clear:both;width: 300px;margin-right: auto; margin-left:auto;
-}
-#emotions ul{
-    list-style-type: none;
-}
-#emotions li{
-    margin-bottom: 3px;
-    width: 120px;
-    border-left: 3px solid gray;
-    padding-left: 7px;
-    float: left;
-}
-</style>
-<div id='emotions'>##emoticons_html##</div>
-<div style="clear:both"></div>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><h1>Using Smilies (emoticons)</h1>
+
+<table align="center" border="1">
+  <tbody><tr valign="top">
+    <td>
+    <table align="center" border="0" cellpadding="5">
+    <tbody><tr>
+      <td><a href="javascript:inserttext(':-)')"><img src="emoticons_files/smiley.html" class="icon" alt=""></a></td>
+      <td>smile</td>
+      <td><code>:-)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':-D')"><img src="emoticons_files/biggrin.html" class="icon" alt=""></a></td>
+      <td>big grin</td>
+      <td><code>:-D</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(';-)')"><img src="emoticons_files/wink.html" class="icon" alt=""></a></td>
+      <td>wink</td>
+      <td><code>;-)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':-/')"><img src="emoticons_files/mixed.html" class="icon" alt=""></a></td>
+      <td>mixed</td>
+      <td><code>:-/</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('V-.')"><img src="emoticons_files/thoughtful.html" class="icon" alt=""></a></td>
+      <td>thoughtful</td>
+      <td><code>V-.</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':-P')"><img src="emoticons_files/tongueout.html" class="icon" alt=""></a></td>
+      <td>tongue out</td>
+      <td><code>:-P</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('B-)')"><img src="emoticons_files/cool.html" class="icon" alt=""></a></td>
+      <td>cool</td>
+      <td><code>B-)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('^-)')"><img src="emoticons_files/approve.html" class="icon" alt=""></a></td>
+      <td>approve</td>
+      <td><code>^-)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('8-)')"><img src="emoticons_files/wideeyes.html" class="icon" alt=""></a></td>
+      <td>wide eyes</td>
+      <td><code>8-)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('8-o')"><img src="emoticons_files/surprise.html" class="icon" alt=""></a></td>
+      <td>surprise</td>
+      <td><code>8-o</code></td>
+    </tr>
+    </tbody></table>
+  </td>
+
+  <td>
+    <table align="center" border="0" cellpadding="5">
+    <tbody><tr>
+      <td><a href="javascript:inserttext(':-(')"><img src="emoticons_files/sad.html" class="icon" alt=""></a></td>
+      <td>sad</td>
+      <td><code>:-(</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('8-.')"><img src="emoticons_files/shy.html" class="icon" alt=""></a></td>
+      <td>shy</td>
+      <td><code>8-.</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':-I')"><img src="emoticons_files/blush.html" class="icon" alt=""></a></td>
+      <td>blush</td>
+      <td><code>:-I</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':-X')"><img src="emoticons_files/kiss.html" class="icon" alt=""></a></td>
+      <td>kisses</td>
+      <td><code>:-X</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext(':o)')"><img src="emoticons_files/clown.html" class="icon" alt=""></a></td>
+      <td>clown</td>
+      <td><code>:o)</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('P-|')"><img src="emoticons_files/blackeye.html" class="icon" alt=""></a></td>
+      <td>black eye</td>
+      <td><code>P-|</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('8-[')"><img src="emoticons_files/angry.html" class="icon" alt=""></a></td>
+      <td>angry</td>
+      <td><code>8-[</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('xx-P')"><img src="emoticons_files/dead.html" class="icon" alt=""></a></td>
+      <td>dead</td>
+      <td><code>xx-P</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('|-.')"><img src="emoticons_files/sleepy.html" class="icon" alt=""></a></td>
+      <td>sleepy</td>
+      <td><code>|-.</code></td>
+    </tr>
+    <tr>
+      <td><a href="javascript:inserttext('}-]')"><img src="emoticons_files/evil.html" class="icon" alt=""></a></td>
+      <td>evil</td>
+      <td><code>}-]</code></td>
+    </tr>
+    </tbody></table>
+    </td>
+  </tr>
+</tbody></table>
 
 <p>When writing online, it can sometimes difficult to express emotion with plain text.
    These little icons can help.  </p>
@@ -24,3 +122,4 @@
 
 <p>Note that the codes themselves are like little pictures - just turn your head to the left when looking at them</p>
 
+</body></html>
\ No newline at end of file
