Interaction entre balises DIV en CSS

Bonjour,

Premièrement merci de lire ce post. Je sais que ma question ressemble à d'autre, mais elle est différente à un détail près, et c'est ce #@/!+ç& de détail qui m'empêche d'avancer et de dormir tranquille.

Voila, je suis en train de faire un site uniquement en html et css. J'ai une balise DIV qui comprend un tableau en haut divisé en 2 parties.

Premiere partie: Le haut du tableau.

Ici il s'agit de 5 cases. Alors la, que ce soit des DIV, des TD, des <a>, je m'en fiche, mais j'ai juste besoin qu'elle soient alignées en haut du tableau. (Notez que ca j'ai réussi à le faire....)En revanche je veut qu'elle soit toujours visible.

Deuxième partie: Le bas du tableau.

Voila, c'est la que ça se corse! ^^ Je souhaite que cette partie change en fonction du "hover" de la partie haute du tableau.

Je m'explique un peu mieux en prenant un exemple.

Si dans la partie haute, une des cases est sélectionnée (du moins la souris est dessus), la partie basse du tableau est par exemple bleu. Si la souris va sur la 2eme case, la partie est rouge.


Autre point important, mais c'est aussi la que réside mon problème, je souhaite que la partie haute et la partie basse soient distincte. En effet, je souhaite que la partie basse puisse être scrollée, mais que la partie haute reste visible.

Voila, je vous remercie de m'avoir lu entièrement.
Svp, ne vous moquez pas de mon petit niveau en CSS ^^.

En tout cas merci d'avance de l'aide que vous pourrez me fournir.