css not chaning

#breadcrumbs
{
margin-top:1px;
margin-left:2px;
margin-bottom:0px;
margin-right:1px;
padding:0px 0 0px 10px;

background:#b7b4a5;

}
#breadcrumbs a
{
text-decoration:none;
color:#000000;
font-size:10px;
}

that's my css and in html


<div id="breadcrumbs"><a href=index.php>Home</a> > <a href=reasons.php id=bon>10 Reasons</a></div>

now the links are stubbornly staying white no matter what. If i change the font size I can see the change but if I chagne the color - it stays white?? any ideas?

They will be black unless there is another rule with a higher specificity.

make sure ur question is correct ?

regards,
rams

Although not causing your problem, your markup is invalid. Attribute values should be in quotes.

<div id="breadcrumbs"><a href=index.php>Home</a> > <a href=reasons.php id=bon>10 Reasons</a></div>

should be

<div id="breadcrumbs"><a href="index.php">Home</a> > <a href="reasons.php" id="bon">10 Reasons</a></div>

You've specified an id of "bon" for the 'Reasons' link but I don't see that defined in your css.

Finally, clearly what you posted is not the entire code. If you paste that code into an empty html doc, it displays the links in black.