Duda en "Aplicando la propiedad margin"

Hola a tod@s, en primer lugas felicidades por los tutoriales ke habeis hecho y por este foro que me esta ayudando mucho.

Mi duda es la siguiente, en el apartado "aplicando la propiedad margin" del curso "nociones con DIVS o capas" tengo los archivos index.html y estilos.css con los siguientes codigos:

INDEX.HTML

<HTML>

<HEAD>
<TITLE>Prueba</TITLE>
<LINK>
</HEAD>

<BODY>

<DIV>

<DIV>

Este es mi primer DIV llamado bartolo</P></DIV>

<DIV>

Este es mi segundo DIV llamado catalina</P></DIV>

</DIV>

</BODY>

</HTML>

ESTILOS.CSS

BODY {BACKGROUND-COLOR:yellow ;}

#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; } 

#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }

#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; } 

Luego de guardar esos dos archivos, abro el index.html como dice en el tutorial, pero no veo este link>>>http://www.comocreartuweb.com/curso-con-div/objetos/index-022.html si no que veo esto>>>http://www.comocreartuweb.com/curso-con-div/objetos/index-021.html :shock:

Alguien me puede decir como poder poner ese bordecillo en color naranja?? :D
Hola otra vez :) creo que solucioné el problema, pase al siguiente paso (aplicando la propiedad padding) y ya me esta saliendo todo perfecto; perdonen las molestias :wink:
no pasa nada, seguro que andas ocupado haciendo mas paginas de la web :D