diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 16f6ce7..a51b121 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -19,9 +19,9 @@ $.fn.subMenu = function() {
     var submenu = $(menu).find('ul')
 
     $(menu).hover(function(){
-        $(submenu).css('visibility', 'visible')
+        $(submenu).fadeIn(500)
     },function(){
-        $(submenu).css('visibility','hidden')
+        $(submenu).fadeOut(500)
     })
 }
 
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 8851c2d..5457466 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -315,7 +315,7 @@ form.formtastic li.error {      background-color: #fdd;    border: 1px solid #fb
 
 /* Submenu */
 ul.submenu, ul.submenu2 {
-    visibility : hidden;
+    display : none;
     position: absolute;
     background-color: #e2e2e2 ;
     padding: 10px 0;