[b]PROBLEMA CON LA 2nd LECCION:Dando estilos a un DIV[/b]

Muy buenas Foro, miren mi problema es el siguiente.

Despues de aprender que es una capa o un div y despues de aprender este codigo:

<div>Bienvenidos a mi Web</div>

Al pasar al siguiente paso Dando Estilos a un Div, con el siguiente codigo:

#cabecera {background-color: pink }

Y finalmente llegar a Clases de Estilo y Estilos Unicos, despues de haber puesto este codigo: #cabecera {background-color: pink } en la hoja estilo-general.css y haberlo guardado tengo el siguiente problema.


Cuando hago el enlace html segun lo indica la leccion:

<div id="cabecera">Bienvenidos a mi Web</div> al clickear en "preview" no se ven las letras de color "pink" o el fondo tal y como aparece en la imagen del tutorial. vista previa

El color de la frase "Bienvenidos a mi web" sigue igual, de color negro con el fondo blanco, no "pink".

Aqui esta el codigo tal y como lo tengo en la plantilla, a ver si encuentran algun error.

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

<html>
<head>
<link rel="stylesheet" href="ruta/estilo-general.css" type="text/css" media="all">
<title>Page tittle</title>
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>

Y Aqui tengo el codigo de estilo-general.css tal y como me indica el tutorial.

#cabecera {background-color:pink}

Muchisimas gracias por su atencion y su paciencia.
ha! encontre el problema fue algo tonto era /ruta que no la habia quitado pero muchisimas gracias por su gran ayuda