#kmnav { width: 100%; height: 40px; background:#645546; }
#kmnav ul { padding-left: 10px; }
#kmnav li { display: inline; list-style: none;  }
#kmnav li a { margin-left: 5px; font-size: 13px; text-decoration: none; color: #f2f2f2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding: 5px; outline: 0; position: relative; top: 12px; }
#kmnav li a:hover, #main-nav li a.active { background: #514539; }
#kmnav .selected { background: #900 !important; }

<div id="kmnav">

</div>

<!-- select the current tab -->
<script type="text/javascript">
$(function(){
   var path = location.pathname.substring(1);
   if ( path )
     $('#kmnav a[href$="' + path + '"]').attr('class', 'selected');
     $('#kmnav2 a[href$="' + path + '"]').attr('class', 'selected');
 });
</script>