#menu-wrap {
  width: 100%;
  height: 30px;
  position: relative;
  z-index: 100;
  /* remove all the bullets, borders and padding from the default list styling */
  /* style the table so that it takes no ppart in the layout - required for IE to work */
}
#menu-wrap ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
  /* style the links for the top level */
  /* make the second level visible when hover on first level list OR link */
}
#menu-wrap ul li {
  float: left;
  position: relative;
}
#menu-wrap ul a,
#menu-wrap ul a:visited {
  display: block;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 20px;
}
#menu-wrap ul ul {
  /* hide the sub levels and give them a positon absolute so that they take up no room */
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 30px;
  le