Relacionar la Hoja de Estilos CSS con la pagina WEB leccion1

Hola todos

Soy nuevo en el foro pero estoy tratando de aprender, mi problema es de la leccion 1 no logro que amarre estilo.css con index.html:

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

Practicamente la copie textual como pueden ver coloco la informacion de INDEX.HTML

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

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>



Bienvenidos a mi pagina web. Muy pronto estará lista!</p>


Página creada gracias a CCTW</p>

</body>
</html>


y la informacion de la estilos.css

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

<html>
<head>
<title>Page title</title>
</head>
<body>
body {background-color: #E6E6FA}


</body>
</html>


No logro que aparezca la imagen, tambien intente que por lo menos me apareciera la imagen y menos.

gracias. por la ayuda.
si la hoja de estilos se llama estilo.css este es el fallo:

<link rel="stylesheet" href="estilos.css" type="text/css" media="all"

le estas llamando estilos.css, y la hoja se llama estilo.css
Pues fijate que no en mi prisa por escribir para esta duda puse al principio asi, pero si ves el contenido del mensaje veras que el archivo estilos.css y el archivo donde se esta diseñando si es estilos.css, lo corrobore y si esta bien.

ahora bien esto lo estoy haciendo en la maquina de mi empresa y tienen un programa que bloquea imagenes en internet que se llama DANS guardian. talvez sea por eso.

porque hice una comprobación copie lo que tenía este tutorial al final de todo lo hecho en la leccion 1 y no me mostro las imagenes del correo, pero si me indique puedo mandar un correo si pulso la casilla porque me aparece una ventana con un (x).
No creo que sea culpa del pc de la empresa pero compruébalo, ve a tu casa y mira si ahí sigue el problema.