Border på div

Jag har en div

<div id="right"></div>

css

#right {
  width: 250px;
  float:right;
  border-left: 1px solid #000;
  margin:0 0 10px 20px; 
  background-color: #ff0000;
}

Border ritas ut men den hamnar klistrad mot kanten istället för att hamna efter marginalen. Bifogar bild på hur det ser ut. Jag vill alltså ha den svarta bordern där den blåa är på bilden. Hur ska jag göra för att få den utanför marginalen?

Jag är inte säker på att jag förstår vad du vill göra med jag tolkar det som att du skall byta ut margin mot padding.

Det går inte med koden du har i dagsläget.

Du får isåfall byta ut margin mot padding och sedan skapa en nästlad div som innehåller bakgrundsfärgen.