DIV HREF in IE8

This does not work in IE8:

<div class="myclass"><a href="link.php"></a></div>

Code (markup):

Works in FF, Safari, IE7, but not IE8

I want the whole DIV to be a link, ideally do not wish to use any JS.

 

What's inside the anchor tag ??

 

Nothing. It's meant to just make the DIV a clickable element, coz in the CSS it's:

.myclass a {
	display: block;
	background-image: url(image.gif);
	height: 71px;
	width: 123px;
	float: left;
}

Code (markup):

 

try

<div class="myclass"><a href="link.php">&nbsp;</a></div>

Code (markup):

 

Tried that already, doesn't work...

 

Use transparent gif inside the anchor.

 

Basically the background image gets displayed, so I know it's reading the CSS correctly. The only thing that does not work is that the div is not a hyperlink.

Also I have an a:hover css property which is supposed to change the image when you hover over the link, this again works in FF/IE7 but just not IE8 for some strange reason...

 

Anyone? Why would it be that it works in all other browsers but not IE8?

 

I had the same problem, a javascript onclick fixed it, not great but its a work around

 

Seems like this is a major bug in IE8, I applied a basic onmouseover action to the div and it doesn't do anything...

 

I doubt this would be a bug, probably working as intended and being fussy with the fact that it's being changed to a block element. You'll probably need some sort of hack. Try playing around with the display value and possibly the floating.