Esta página funciona a la perfección en Google Chrome, pero en Internet Explorer apenas y muestra bien los estilos, ¿alguna recomendación?
<div style="
width: 800px;
height: 150px;
margin: 0 auto;
">
<div id="hda_"
onclick="
document.getElementById('hda_').style.backgroundCo lor='#5191cd';
document.getElementById('hda_c').style.color='#FFF FFF';
document.getElementById('hcdnt').style.zIndex='0'
document.getElementById('dcur_').style.backgroundC olor='transparent';
document.getElementById('dcur_c').style.color='#5E 5E5E';
" style="...estilos...">
<p id="hda_c" style="margin: 20px 0px; font-size: 20px; font-family: Helvetica; color: rgb(94, 94, 94);">Hacer donación anónima</p>
</div>
<div id="dcur_"
onclick="
document.getElementById('dcur_').style.backgroundC olor='#5191cd';
document.getElementById('dcur_c').style.color='#8B 93A7';
document.getElementById('hcdnt').style.zIndex='0'
document.getElementById('hda_').style.backgroundCo lor='transparent';
document.getElementById('hda_c').style.color='#5E5 E5E';
" style="...estilos...">
<p id="dcur_c" style="margin: 0px; font-size: 20px; font-family: Helvetica; color: rgb(94, 94, 94); background-color: rgba(255, 255, 255, 0.901961); line-height: 64px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;">Donar como usuario registrado</p>
</div>
</div>