css hover in IE7

Soldato
Joined
19 Oct 2002
Posts
3,480
hi peeps :)

i have a page with the main body section being 20% opaque, and when your mouse crosses into the main area it goes to full opacity...

this works in firefox, but in IE7 the 100% opacity only comes into effect when you hover over an element inside the div...

would really appreciate a fresh pair of eves on this if you would :)

Code:
#content_right { 
  display: block;
  width: 506px;
  height: 100%;
  float: left;
  opacity: 0.2; filter: alpha(opacity=20); 
  }
   
#content_right:hover { 
  opacity: 1; filter: alpha(opacity=100);
  }

i didn't expect any problems in ie7 tbh, i'm expecting about a days mind-numbingly agrovating work to get some of these things to take in ie6, but 7 is normally ok...

as a side note, i'm planning on using the whatever:hover htc at a later date to get this to work in 6... what are my chances?
 
Back
Top Bottom