nav a {
text-decoration: none;
}
nav > ul > li {
float: left;
text-align: center;
padding: 0 0.5em;
}

nav li ul.sub-menu {
display: none;
padding-left: 0 !important;
}

.sub-menu li {
color: white;
}

.sub-menu li:hover {
background-color: black;
}

.sub-menu li:hover a {
color: white;
}

ul {
list-style: none;
}

• Home
  
  
  
  • sub1
  
  
  • sub2
  
  
  • sub3
  
  
  
  


• Programming
  
  
  
  • sub1
  
  
  • sub2
  
  
  • sub3
  
  
  
  


• Japanese
  
  
  
  • sub1
  
  
  • sub2
  
  
  • sub3
  
  
  
  

$(document).ready(function() {
$('nav li').hover(function() {
$(this).find('.sub-menu').css('display', 'block');
}, function() {
$(this).find('.sub-menu').css('display', 'none');
});
});