diff --git a/i2p2www/pages/global/lang.html b/i2p2www/pages/global/lang.html
index e5f3d8d2..d207f52e 100644
--- a/i2p2www/pages/global/lang.html
+++ b/i2p2www/pages/global/lang.html
@@ -1,4 +1,4 @@
 <ul class="languages">
 {% for lang in supported_langs -%}
-  <li><a href="{{ change_lang(lang) }}" rel="alternate" hreflang="{{ lang }}" title="{{ lang_names[lang] }}"><div class="menuitem"><img src="{{ get_flag(lang) }}" alt="{{ lang_names[lang] }}" /></div></a></li>
+  <li><a href="{{ change_lang(lang) }}" rel="alternate" hreflang="{{ lang }}"><div class="menuitem"><img src="{{ get_flag(lang) }}" /><div class="langname">{{ lang_names[lang] }}</div></div></a></li>
 {% endfor %}</ul>
diff --git a/i2p2www/static/styles/duck/desktop.css b/i2p2www/static/styles/duck/desktop.css
index 7721708b..99eaa065 100644
--- a/i2p2www/static/styles/duck/desktop.css
+++ b/i2p2www/static/styles/duck/desktop.css
@@ -30,6 +30,17 @@ div.navigation {position:relative;}
     ul.languages {margin: 0 2px !important;}
     ul.languages li {display:inline-block; *display:inline; *zoom:1; margin: 0 -2px !important;}
 
+.langname {
+  background: green;
+  display: none;
+  padding: 0.5em;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 4em;
+  z-index: 1;
+}
+
 /* Dropdown menu CSS */
 
 menu ul,
@@ -136,6 +147,9 @@ menu ul,
   padding: 10px;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 }
+#cssmenu .has-sub ul li div.menuitem:hover .langname {
+  display: block;
+}
 #cssmenu .has-sub ul li:hover > div.menuitem,
 #cssmenu .has-sub ul li:hover > a > div.menuitem {
   background: #8bbc51;