Помогите не могу победить наследование в CSS:

css:

Код:
<style type="text/css">
<!--
div {
****background-color: #006666;****
}
.test {
****background-color: #000000;
}
-->
</style>
html:

Почему цвет фона не меняется на черный, а наследуется цвет от самого первого div?