how to highlight a <div> using mouseover

[guestAsh]

hi,

is it possible to highlight a <div> much like higlighting a <a>Tag using CSS?

for example:
<div>Some text here</div>

would be highlighted when hovered over by a mouse.

thanks

Ash

 

[Vragabond]

div {
  background: red;
}

div:hover {
  background: blue;
}

This won't work in IE6. I don't know about IE7, I do believe they promised they will fix it. If this does not work, you will have to either add onmouseover and onmouseout events for JS solution or dynamically append different class on hover.

 

[guestAsh]

Thanks Vragabond,

looks like i'm going down the Javascript route.