p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  position: relative
  font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 5px;
  padding: 0px;
  width: 12em;
}

ul#menu a {
   display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #21789E;
  color: #fff;	
  padding: 0.3em;
}

ul#menu li a:hover {
  background: #93C5DB;
}

ul#menu li ul li a {
  background: #fff;
  color: #000;
  padding-left: 20px;
}

ul#menu  ul  a:hover {
  background: #fff;
  border-left: 0px #000 solid;
  text-decoration: underline;
  padding-left: 15px;
}
ul#menu  ul  a {
  background: #93C5DB;
  color: #000;
  padding-left: 15px;
}

ul#menu li ul li ul li a:hover {
  background: #CCCCCC;
  border-left: 0px #000 solid;
  text-decoration: underline;
  padding-left: 15px;
}

<style type="text/css">
   li a {display:inline-block;}
   li a {display:block;}
   </style>