/**
 * For Quiz, we want to use CSS hover to show alternative/correct answer.
 * In IE Quirks mode, CSS hover doesn't work for DOM elements that are not a link (a href).
 * Therefore, we use JavaScript for it.  See /java/quia/activities/quiz/QuizResultsPage.java
 */
span.clozehover {
  background: #ffeedd;
  border-bottom: thin dotted;
  display:inline-block;
  position:relative;
  text-decoration: none;
  z-index: 6;
  text-indent: 0;
}

span.clozehover:hover {
  background: #ffffff;
}

span.clozehover span.hover-content {
  background:#fff;
  border:1px solid #000;
  bottom:20px;
  display:none;
  position:absolute;
  padding:4px;
  left:25px;
  white-space:nowrap;
  z-index:7;
}

span.clozehover:hover span.hover-content {
  display:inline-block;
}