leccion de margin

hola Jorgens si estas leyendo esto es porque hay un problema con la leccion de margin para divs o capas, el codigo en la hoja de estilo css no se logra aplicar al codigo html, la razon, no tengo idea, pero al colocar el codigo y guardarlo no se ve el ejemplo que tu dices que se vera, una ayuda porfa para resolver esta encrucijada.

Codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Título de mi página</title>
<LINK rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="bartolo">


ESTE ES MI PRIMER DIV LLAMADO BARTOLO</p>
</div>
<div id="catalina">


ESTE ES MI SEGUNDO DIV LLAMADO CATALINA</p>
</div>
</div>
</body>
</html>
hoja de estilo 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 ;}
Puede ser porque pusiste estilos.css en lugar de estilo.css

<LINK rel="stylesheet" href="estilos.css" type="text/css" media="all">
saludos.