Effet de hover mais pour un bloc

Bonjour,

J'ai un bloc

<div id="monpost">
         <a href="#">Title article</a>
</div>

Sachant que mon #monpost a un background-color: #ffffff et que la couleur du a:link est #000000;

Or je cherche à faire de telle sort que quand la souris est au-dessus du bloc #monpost, j'ai le background-color qui devient #000000 et a:link du title article devient #ffffff quoi.

Bref, un hover pour le bloc pas pour le lien, si vous me suivez
Dites moi si cela est faisable, merci.

Hello,

Ceci peut peut-être t'aider :

#monpost:hover {
background:#000000
}
#monpost:hover a {
background:#ffffff
}

Ce code ne fonctionnera malheuresement pas avec IE, celui n'accepte les règles d'hover que sur les liens

Hello,

Je me permet de upper :

justement pour IE, je sais qu'il existe quelques hacks ou bidouilles qui permettent d'avoir cet effet de :hover là.
On m'a passé tout à l'heure un JS qui le fait, enfin?... normalement ! mais chez moi ça ne marche pas.

Quelqu'un aurait-il une autre piste à me proposer qui soit peut être (si possible) un peu moins fastidieuse à mettre en place ?
Parce que le JS je n'y connais rien, donc impossible de débugguer le script si celui ci débloque.


Merci,
Bonne soirée

Sinon, il y a tout simplement ceci:

[b]HTML:[/b]
<a id="monpost" href="...">Titre de l'article</a>

[b]CSS:[/b]
a#monpost {
	display: block;
	color: black;
	background: white;
}
a#monpost:hover, a#monpost:focus, a#monpost:active {
	color: white;
	background: black;
}

Yep, au final c'est ce que j'ai fait sur le conseil avisé d'un collègue.

Quoiqu'il en soit, merci à toi