CSS

Click in form to highlight code and copy with <ctrl>+<c> to clipboard.

body { 
  font: normal 13px/1.5em arial, sans-serif; 
  margin: 0;
  background-color: #fff;
}

h1 { color: #fff; margin: 0; padding: 20px 0 0 20px; }

#header { 
  background-color: #676767;
  height: 120px; 
  position: relative;
}

#nav { 
  margin: 0; 
  padding: 0; 
  top: 70px; 
  display: block;
  position: absolute;
}

#nav > li { 
color: #fff;
  list-style-type: none; 
  float: left; 
  display: block; 
  margin: 0 10px; 
  padding: 10px; 
  position: relative; 
  width: 100px;
}

#nav > li:hover ul { 
  display: block; 
}

#nav > li:hover { 
  background-color: #808080; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}

#nav li ul { 
  margin: 0; 
  padding: 0; 
  display: none;
}

#nav li ul li { 
  list-style-type: none; 
  margin: 10px 0 0 0;
}

#nav li ul li a { 
  display: block; 
  padding: 5px 10px; 
  color: #A2E200; 
  text-decoration: none;
}

#nav li ul li:hover a { 
  background-color: #606060; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

#nav li span { 
  cursor: pointer; 
  margin: 0 10px; 
  font-weight: bold; 
}

-->
</style>

HTML

Click in form to highlight code and copy with <ctrl>+<c> to clipboard.

CSS Dropdown Menu

CSS

HTML