working in mozilla but not in IE

[ayushchd]

Hi all!

div#button {
background-image: url(buy.jpg);
background-repeat: no-repeat;
width: 100px;
color: White;
}
div#button:hover {
background-image: url(buyhover.jpg);
background-repeat: no-repeat;
width: 100px;
color: White;
}

This is working perfectly in mozilla but not in IE...i dunno where;s the problem...plz help

[Xapti]

IE does not support hovering over anything other than links.

You can just make your link a block-level element though

So instead of div#button, just change it to a#button, and add the style display:block

If you really want hoverable divs though, there are a few javascript includes people have made which adds this functionality to IE. A proper Google search should give results.

[edited by: Xapti at 10:07 pm (utc) on May 5, 2007]