diff --git a/inc/parser/xhtml.php b/inc/parser/xhtml.php
index 92cfc38ba8588de25cd7f9ea7e6af6cd923ae423..f033f6082a728e89cc8225983a4b1aff1920fc44 100644
--- a/inc/parser/xhtml.php
+++ b/inc/parser/xhtml.php
@@ -60,8 +60,8 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
 
                     // open the footnote and set the anchor and backlink
                     $this->doc .= '<div class="fn">';
-                    $this->doc .= '<a href="#fnt__'.$id.'" id="fn__'.$id.'" name="fn__'.$id.'" class="fn_bot">';
-                    $this->doc .= $id.')</a> '.DOKU_LF;
+                    $this->doc .= '<sup><a href="#fnt__'.$id.'" id="fn__'.$id.'" name="fn__'.$id.'" class="fn_bot">';
+                    $this->doc .= $id.')</a></sup> '.DOKU_LF;
 
                     // get any other footnotes that use the same markup
                     $alt = array_keys($this->footnotes, "@@FNT$id");
@@ -69,8 +69,8 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
                     if (count($alt)) {
                       foreach ($alt as $ref) {
                         // set anchor and backlink for the other footnotes
-                        $this->doc .= ', <a href="#fnt__'.($ref+1).'" id="fn__'.($ref+1).'" name="fn__'.($ref+1).'" class="fn_bot">';
-                        $this->doc .= ($ref+1).')</a> '.DOKU_LF;
+                        $this->doc .= ', <sup><a href="#fnt__'.($ref+1).'" id="fn__'.($ref+1).'" name="fn__'.($ref+1).'" class="fn_bot">';
+                        $this->doc .= ($ref+1).')</a></sup> '.DOKU_LF;
                       }
                     }
 
@@ -260,7 +260,7 @@ class Doku_Renderer_xhtml extends Doku_Renderer {
         }
 
         // output the footnote reference and link
-        $this->doc .= '<a href="#fn__'.$id.'" name="fnt__'.$id.'" id="fnt__'.$id.'" class="fn_top">'.$id.')</a>';
+        $this->doc .= '<sup><a href="#fn__'.$id.'" name="fnt__'.$id.'" id="fnt__'.$id.'" class="fn_top">'.$id.')</a></sup>';
     }
 
     function listu_open() {
diff --git a/lib/scripts/script.js b/lib/scripts/script.js
index 7e565e1cb81e6e5a5c4c61d20c0433577e885223..ddc88c7287ac41d8f742a094ed50bdb1ac6f00d7 100644
--- a/lib/scripts/script.js
+++ b/lib/scripts/script.js
@@ -352,7 +352,7 @@ function footnote(e){
     if (!a){ return; }
 
     // anchor parent is the footnote container, get its innerHTML
-    var content = new String (a.parentNode.innerHTML);
+    var content = new String (a.parentNode.parentNode.innerHTML);
 
     // strip the leading content anchors and their comma separators
     content = content.replace(/<a\s.*?href=\".*\#fnt__\d+\".*?<\/a>/gi, '');
diff --git a/lib/tpl/default/design.css b/lib/tpl/default/design.css
index 0b4e296349f352036669b20608c9337a461a137e..3e3c9310e2c4bf45045f7e344dc20daa0457484f 100644
--- a/lib/tpl/default/design.css
+++ b/lib/tpl/default/design.css
@@ -613,14 +613,7 @@ div.dokuwiki div.fn {
   font-size: 90%;
 }
 
-div.dokuwiki a.fn_top {
-  vertical-align: super;
-  font-size: 80%;
-}
-
 div.dokuwiki a.fn_bot {
-  vertical-align: super;
-  font-size: 80%;
   font-weight: bold;
 }