TRNGO UN PROBLEMA CON EL ID GLOBAL

Hola muy buenas noches, por favor ¿alguien me puede ayudar? me e vuelto loco intentando ver donde está el error pero a mi parecer e dado bién los pasos.

Estoy haciendo el tutorial CURSO CON CAPAS O DIVS y me e quedado trancado en la parte que tengo que poner la id global, no consigo darle un color por separado a cada div.

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

<html>
<head>
<title>curso paso a paso con capas o DIVS</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>

Por favor eso de arriba es lo que devo de poner en index.html.

#global {BACKGROUND-COLOR:#FF9900 ; }
bartolo {BACKGROUND-COLOR:#00CC00 ; }
catalina {BACKGROUND-COLOR:#00CCFF ; }

Y esto otro en estilos.css a ver si alguien me dice donde está el error.
Supuestamente deveria de quedar.
primer div VERDE
global NARANJA
segundo div AZUL
MUCHICIMAS GRACIAS/ DANIEL
En lugar de eso me aparecen los dos divs en naranja y ya está.
Te faltan las # delante de "bartolo" y "catalina"

y la Div global no lleva color, creo...

Saludos