Prueba con
este ejemplo
Y corrige la línea del enlace en tu código HTML:
<link rel="stylesheet" type="text/css" href="css/styles.css"
media="all" />
Sin esa coletilla será como si la hoja de estilos no existiera.
Otra cosa, ¿la ruta css/styles.css es correcta? ¿TIenes el index y el CSS en carpetas diferentes? Saludos.