No se ven los colores de fondo

Primero quiero dar la enhorabuena al creador de esta página. Estoy aprendiendo mucho en la creación de páginas web sin tener ni idea. De momento todo me sale perfecto, menos los colores de fondo, que no me sale ninguno, y creo que lo he hecho paso a paso como lo indicas. Por favor, decirme qué he hecho mal:
plantilla.html:

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

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera"> Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Lo que ofrezco
  • Hecho a mano - galeria de fotos
  • Libro de visitas
  • Contacto


    </div>
    Esta será la zona principal de la web</div>


    <div id="pie">Este es el pié de página</div>

    </div>
    </body>
    </html>

    estilo-general.css:

    body {text-align: center}
    #"cabecera" {background-color: pink}
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown}
  • Segun veo has enlazado mal la hoja de estilos a la pagina web, tendrias que ponerlo asi, prueba a ver:

    <link href="estilo-general.css" rel="stylesheet" type="text/css">
    hola

    te sobran las comillas de cabecera

    #"cabecera" {background-color: pink}

    saludos
    Ok , mira .. conforme al PM q me mandaste ...

    El mismo codigo que pusiste ya corregido lo de la relacion con las hojas de estilo, lo copie y lo puse a trabajar en mi pc y miralo en accion:

    [contenido no disponible]

    ami me funciona bien y con el mismo codigo que tu pusiste ahi..

    y como te dije al inicio lo unico malo q yo veia era la relacion de las hojas de estilo con el index pero ahora q ya lo cambiaste ya tendria que funcionar como me funciona a mi..

    HTML:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    <head>
    <title>Page title</title>
    <link href="estilo-general.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div id="global">
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
    [*][url="#"]Lo que ofrezco[/url]
    [*][url="#"]Hecho a mano - galeria de fotos[/url]
    [*][url="#"]Libro de visitas[/url]
    [*][url="#"]Contacto[/url]
    
    [/list]
    </div>
    Esta será la zona principal de la web</div>
    
    
    <div id="pie">Este es el pié de página</div>
    
    </div>
    </body>
    </html> 

    CSS:
    <style>
    
    body {text-align: center}
    #cabecera {background-color: pink}
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown}
    
    </style>
    Pues tienes toda la razón, pero siguen sin salirme los colores, puede tener algo que ver el navegador? uso el google chrome.

    Gracias, si a alguien se le ocurre algo, porque ya con los colores parece otra cosa........