Problema con el color de la letra de un menu

Buenos días, quiero cambiar la letra de mi menú pero no lo logro siempre me sale azul y no entiendo el por que no tengo nada de color azul en mi web. Quiero la letra de mi menú negra.

El código para mi menú que tengo en mi css es:

#menu1 {background-color:gray;border:black 3px solid;height:20px;}
#menu1 li { color:black; float:left; list-style:none; margin:0px 20px 0px 20px; }

No entiendo que estoy haciendo mal ? gracias. Diana.
gracias, como verán son mis primeros pasos en esto. estoy haciendo mas o menos el ejemplo de comocreartuweb, pero estoy poniéndole estilos a cada capa.... ustedes entenderán si lo ven tan incompleto

el código del index es :

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

<html>
<head>
<title>C O M O D I T O</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">
<a href="#">
<img src="objetos/logo.jpg" width="270" height="120px"
alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="comodito">
<P>COMODITO PARA TODOS</P>
</div>
</div>
<div id="Bienvenida">
</div>

<div id="navegacion">
<div id="menu1">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Historia</a></li>
<li><a href="#">calidad de nuestros productos</a></li>
<li><a href="#">tiendas</a></li>
<li><a href="#">mercancia que ofrecemos</a></li>
<li><a href="#">bebes y niños</a></li>
<li><a href="#">tallaje extragrande</a></li>
</ul>
</div>
</div>
<div id="contenido">
<div id="manu2">
<ul>
<li><a href="#">caracteristicas</a></li>
<li><a href="#">importacion</a></li>
<li><a href="#">todo sobre productos</a></li>
<li><a href="#">clientes</a></li>
<li><a href="#">bobaditas</a></li>
</ul>
</div>
<h1>COMODITO SU MEJOR OPCION</h1>
<p>JUNIOR BEBE Y ADULTOS</p>
<h2>ASI ES COMODITO</h2>
<p>En comodito encontrara ropa para toda la familia encontrara tallaje de prematuros
hasta la tallas grandes xxx, comodito es para todos, nacio hace 12 años pensando en
el bienestar de la gente, compre, cuide y vuelva a vender, en comodito recibimos la
ropa de su bebe que ha dejado en perfecto estaado, puede cambiarla por todo tipo de
ropa nueva o usada, antes de presentar la ropa al cliente esta es lavada y tratada
para ofrecer una garantia total del producto.</p>


</div>
<div id="pie">
<div id="propaganda">
</div>
<div id="contactenos">
</div>
</div>

</div>

</body>
</html>

y el código de css es:

* {text-indent:0px; margin:0px; padding:0px; border:0px;}
h1 {font-size:1.2em; color:black; font-weight:bold; text-decoration:underline; text-align:center;}
#global {width:1100px; margin:4px auto;background-color:purple;}
#cabecera {background-color:white;width:1100px;border-left:black 3px solid;
;border-top:black 3px solid; border-right:black 3px solid;height:85px;}}
#logotipo {text-align:justify;float:left;}
#comodito {float:center;}
#comodito p {font-size:3.5em; color:red; font-weight:bold; text-decoration:underline; text-align:center;}
#menu1 {background-color:gray;border:black 3px solid;height:20px;}
#menu1 li { color:black; float:left; list-style:none; margin:0px 20px 0px 20px; }

eso es lo que he hecho hasta ahora y como vez no tengo ningún color azul activo ... muchas gracias por la ayuda.
No había entendido lo que querías, pues no leí una parte :(.

Lo que debes hacer es ser más específica con los enlaces:

#menu1 a { color: black; }

Eso afectará todos los enlaces que estén dentro del menu1.

Presiona Control + F5 si es que no ves los cambios en el navegador (no hagas la vista previa en el HTML-kit).

Saludos!