There are number of glitches that exists in IE. One glitch is that it does not allow hover effect other than on anchor <a> tag. This small and quick tutorial will show you how to do it with simple JavaScript and CSS.
Step 1: CSS
Define two css classes, one is normal and other one for hover effect
.normal{
background:#036;
color:#fff;
font-size:15px;
padding:20px;
border:5px solid #ddd;
}
.divhover{
background:#eee;
color:#333;
font-size:15px;
padding:20px;
border:5px solid #333;
}
Step 2: JavaScript
Use javascript events, onmouseover() and onmouseout() and change the class of target div.
Hellooo World!!
Final Result
Hover your mouse on the div below:
Hellooo World!!
Tip
You can use this effect on any of the HTML element (tag) other than DIV and it will work smoothly in IE. 
Using jQuery
We can get this hover effect in IE by using jQuery .hover() method. See an example here: http://jsbin.com/inure3/2/
