div.banner {
  position: fixed;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 2;
  text-align: center;
  top: 40px;
  left: 10px;
  width: 150px;
  right: auto;
}

div.banner p {
  margin: 0; 
  padding: 10px 10px;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffcc33;
  border: thin outset #990000;
  color: white;
}

/* cut out this instead of first line below, don't know if it changes anything =
div.banner a, div.banner 0px { display: block; margin: 0 0.50px; }
div.banner a, div.banner em { border-top: 2px groove #990000; } */
div.banner a, div.banner em { display: block; margin: 0 2px; border-top: 2px groove #990000; }
div.banner a:first-child { border-top: none; }
div.banner em { color: yellow; }

div.banner a:link { text-decoration: none; color: black; }
div.banner a:visited { text-decoration: none; color: black; }
div.banner a:hover { text-decoration: bold; background: yellow; color: black; }