body {
    counter-reset: section;                   /* Set the section counter to 0 */
}
div#content { width: 800px; }
div#eagles { width: 780px;}
div#eagles ul {list-style: none; width: 780px;}
div#eagles li {display: block; float: left; text-align: left; width: 150px; height: 60px; font-style: bold;}
div#eagles li::before {
    counter-increment: section;               /* Increment the section counter*/
      content: counter(section) ": "; /* Display the counter */
}
div#eagles a {text-decoration:none; color: #000; position: relative; z-index:24}
div#eagles a span {display:none;}
div#eagles a:hover {z-index:25}
div#eagles a:hover span {
  display:block;
  position: absolute; 
  top: 40px; 
  left:10px;
  width: 180px;
  background: #a3b094;
  border: 1px solid black;
  color: #000;
  z-index:26;
}