CSS: image hover Options

[pinkbmx]

Say I have div A, div B and div C.

I put a picture in div A - and when hover on that picture, text on div B will appear. However, i also want div C to display none when hover that pix in div A.

If you still copy me at this point, is it possible to make div C display NONE when hover that pix??

[pinkbmx]

the code for div a and b so far is something like this.

<style>

div.AAA {background-color:red;
position:absolute;
top:25px;
left:110px;
width:100px;
height:150px;}

div.BBB { display:none;
background-color:#ffffcc;
position:relative; top:25px; left:200px;
width:140px;
font-size:smaller;
text-align:center;
padding:5px;
margin:0 10px;
border: 1px solid black; }

div.AAA:hover + div.BBB {display:block; }

</style>