a: hover no funciona

HTML

<code> <table width="100%">
<tr>
    <td width="90%"></td>
    <td><a href="#" id="logout"><strong>Logout</strong></a></td>
 </tr>
</table>
</code>

CSS

<code>@charset "utf-8";
/* CSS Document */

#logout {
color:#BBB;
}

a:hover {
color:#FFF;
}
</code>

Aunque el color del cierre de sesión parece ser el que aparece en el css, el color no cambia cuando coloco el mouse sobre el enlace(a blanco) . Cual es la razon ?

Debo decir que hay otros archivos css que tienden a cambiar el color del enlace cuando se coloca el mouse sobre ellos y funcionan bien.

Respuestas a la pregunta(3)

Su respuesta a la pregunta