diff --git a/application/views/scripts/menu.phtml b/application/views/scripts/menu.phtml
index 51cdff681..9cf6c1aa5 100644
--- a/application/views/scripts/menu.phtml
+++ b/application/views/scripts/menu.phtml
@@ -1,7 +1,7 @@
 <ul id="nav">
 <?php foreach ($this->container as $page) : ?>
     <?php if($this->navigation()->accept($page)) : ?>
-	    <li class="top">
+	    <li class="top <?php if($page->isActive(true)){echo 'active';} ?>">
 		    <?php if($page->hasPages()) : ?>
 		    <a class="top_link" href="<?php echo $page->getHref(); ?>">
         		<span class="down"><?php echo $page->getLabel(); ?></span>
diff --git a/public/css/pro_dropdown_3.css b/public/css/pro_dropdown_3.css
index 55560f095..f83211876 100644
--- a/public/css/pro_dropdown_3.css
+++ b/public/css/pro_dropdown_3.css
@@ -53,7 +53,7 @@ way to fit your requirements.
 	background:url(images/down_arrow.png) no-repeat right 50%;
 
 }
-#nav li:hover a.top_link {
+#nav li:hover a.top_link, #nav li.active a.top_link, #nav li.active:hover a.top_link {
 	color:#fff;
 	background:#000;
 	-moz-border-radius: 3px;