div rollovers

I have a set of divs with links in them that I am trying to get to rollover. I need the divs to change their border color and bg color upon rollover and change back on rolloff. They also have to be links.

Any help is appreciated.

 

Javascript is the only way, since IE<7 does not support hover pseudo-class applied on other elements than anchors.

Here is a link that will probably help (it's about some things called behaviors, things that apparently correct differend IE errors)
http://www.xs4all.nl/~peterned/csshover.html

 

Thanks. I figured that after a while. I decided to not change the div border color and instead just fill the div with a padded rollover a tag. And it works now.

 

I would like to see your site for this rollover css feature.

 

I just uploaded the file if anyone wants to see the rollovers I made. The rest of the page looks weird because I am getting it ready to put in my main CGI file.

Here is the link. http://cgiwebtools.com/new/index.html

The navigation in the top header are the rollovers.

 

I'll second the 'behavior' .htc from PeterNed, specifically the csshover2.htc file.

http://www.xs4all.nl/~peterned/htc/csshover2.htc

Just slap that file into the same directory as your stylesheet, and add this to your style.css

* html body {
behavior:url(csshover2.htc);
}

In theory you could just put that into body, but why make IE7 run browser sniffing when you can filter it faster via * html.

Real nice is it also implements :focus