diff --git a/Foundation.hs b/Foundation.hs
index 6458f3d..9d1299e 100755
--- a/Foundation.hs
+++ b/Foundation.hs
@@ -117,7 +117,8 @@ renderLayout widget = do
             , js_picturefill_js
             ])
         $(combineStylesheets 'StaticR
-            [ css_bootstrap_min_css
+            [ css_dropdown_css
+            , css_bootstrap_min_css
             , css_style_global_css
             ])
         $(widgetFile "default-layout")
diff --git a/static/css/dropdown.css b/static/css/dropdown.css
new file mode 100644
index 0000000..b717615
--- /dev/null
+++ b/static/css/dropdown.css
@@ -0,0 +1,14 @@
+.nav {
+	list-style: none;
+	font-weight: bold;
+	margin-bottom: 10px;
+	z-index: 5;
+}
+
+.nav ul {
+	display: none;
+}
+
+.nav li:hover ul {
+	display: inline-block;
+}
diff --git a/templates/default-layout.hamlet b/templates/default-layout.hamlet
index bd525a3..aaaaa2b 100755
--- a/templates/default-layout.hamlet
+++ b/templates/default-layout.hamlet
@@ -2,15 +2,14 @@
   <div .row>
     <div .col-md-9>
       <ul #user-nav .nav .nav-pills>
-        <li role="presentation">
+        <li>
           <a href=@{HomeR}>
             Home
         $maybe su <- msu
-          <li .dropdown role="presentation">
-            <a .dropdown-toggle data-toggle="dropdown" role="button"
-              aria-haspopup="true" aria-expanded="false">
-                #{slug} <span class="caret"></span>
-            <ul .dropdown-menu>
+          <li>
+            <a>
+              #{slug} <span class="caret"></span>
+            <ul>
               <li>
                 <a href=@{UserR username}>
                   Your Profile
@@ -24,11 +23,11 @@
                 <a href=@{LogoutR}>
                   Logout
         $nothing
-          <li role="presentation">
+          <li>
             <a href=@{LoginR}>
               Login
           $if block == False
-            <li role="presentation">
+            <li>
               <a href=@{SignupR}>
                 Signup
     <div .col-md-3 #search>