First of how come IE 8 in standards mode behaves unlike all the other standards compliant browsers?
In fact why does it behave like ie7 but doesn't recognise ie7 hacks?
So first things first i noticed peculiar behaviour in IE8. Floated divs/spans with onclick events only honour the onclick on the text contents. There is no fix for this. I had to re-style the elements so that they no longer float to get the desired behaviour.
So CSS hacks here is the IE 8 hack
simply add the \0/ to the a copy of your style. This must be your last element.
width:100px; Real standards browsers
or you can add the meta tag below to your page to force IE8 to render as IE7
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />