html - CSS Rollover :hover image not rolling over in IE8 -

I have a lot of problems with IE7, but at the moment IE8 is doing something strange.

The front of the code does not work:

  & lt; Style & gt; .inschrijven {Display: Block; Width: 460px; Height: 150px; Background: url ("image.png") No-repeat 0;;}. Inscribers: Hover {background-position: bottom;} .inchrijven span {display: none;} & lt; / Style & gt; & Lt; Div style = "text-align: center;" & Gt; & Lt; A href = "#" onclick = "pageTracker._trackEvent ('samenstellen', 'click', 'track');" Class = "inscriven" & gt; & Lt; Span & gt; Schrijf in the UK & lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt;  

I can not click on the item, it is not rollover, it does not even have a center in the screen. I thought it was the right way to do something basic.

I think this is invisible due to CSS:

  .inchrijven span {display: none;}  

You have & lt; Span & gt; is set in your link but you have made it invisible with CSS above, so you can not see it and therefore can not click it.

Try deleting the CSS below and see:

  .inchrijven span {display: none;}  

< / Html>