Border: dotted, gir problemer..

Hey eksperter.

Når jeg laver følgende kode:

#navigation {
  float: left;
  left: 15px;
  overflow: hidden;
  padding: 12px;
  padding-top: 108px;
  position: relative;
  top: 0px;
  width: 200px;
  z-index: 1;
}

#nav {
  margin: 0px;
  padding: 0px;
}

#nav li {
  display: block;
}

#nav a {
  background: #a65344 url(../img/menufade.gif) right repeat-y;
  border-top: 1px dotted #a65344;
  color: #ffffff;
  display: block;
  line-height: 200%;
  margin-left: -10px;
  padding-left: 10px;
  width: 190px;
}

#nav a:hover {
  background: #ac5b53 url(../img/menufadehover.gif) right repeat-y;
}


For det første:
Min dotted border bliver simpelthen blot hvid, det er baggrunden som ændre sig når jeg ændre parametret i border-top. Hvad gør jeg her?`

For det andet:
Når jeg holder musen over min anchor blok, bliver border-top baggrunden, som før var hvid, nu sort. Det skal den ikke. Hvad gør jeg her?

Ellers tror jeg at jeg har nogenlunde styr på det :)
Skriv gerne forbedringer?