[css-d] Inherited color property not working

[Marcelo de Moraes Serpa]

Hello list,

I have the following piece of HTML. The <li> has the following class
applied: navTreeItem:
<li class="navTreeItem">
      <div>

        <a 
href="http://datatransp.dyndns.org:8070/datatransp/suporte-downloads/downloads";
           class="state-published navTreeFolderish" title="">
            <img width="16" height="16"
src="http://datatransp.dyndns.org:8070/datatransp/folder_icon.gif";
alt="Reflector" />
            <span>Downloads</span>
        </a>

    </div>


Here are the css rules:

.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
    background-color: #000;

    color:#FFF;
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
}

What I want it to do is to change the background color of li to #000
AND the color of the fonts to #FFF.

However, when I hover the div, the span inside doesn't seem to inherit
the color property (#FFF) and stays with its original color, almost
hiding itself with the background color (since its default color is
greyish).

Am I doing something wrong?

Thanks,

Marcelo.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/