div2 hover: div1 color change

[jalarie]

Div1 contains div2 and div3. When the mouse hovers over div2, I want the div1 background color to change. Hovering over div3 should produce a different color change to div1. The set looks like this:

 <div id="div1">
 <div id="div2">content for div2.</div>
 <div id="div3">content for div3.</div>
 </div>

[milosevic]

I think this is beyond what CSS is capable of, you will need to use JavaScript to set the CSS, pseudocode something like

if (hover div2) {
div1 css = background-color:blue;
}
elseif (hover div3) {
div1 css = background-color:red;
}

[jalarie]

Thank you. I was afraid that might be the case.

[Shado]

Just throwing this out there but can't you a href on the div - that should enable you to implement the hover effect. Through all my readying I understand this will work except in IE6 and lower.