El contenido que quiero centrar realmente son 2 números, el caso tal cual lo he expuesto en código.
He probado añadiendo padding: 5px 5px 5px 5px quitándo las definiciones de alto y ancho y no funciona correctamente, se crea un rectángulo demasiado alargo.
Si mantengo las definiciones en IE funciona, pero en Firefox, Chrome, entre otros no.
Hace un rato he probado esto:
<div style="
background-color:#CC0000;
width:35px;
height: 35px;
font-size:24px;
text-align:center;
color: #ffffff;
font-family: Arial;
">
<div style="
position: relative;
top: 5px;
">90
</div>
</div>
He añadido esto que señalo, un div dentro con posicion relativa respecto de la ubicación del anterior y dandole un top, que era donde fallaba y así se visualiza correctamente.
No se si habrá forma mejor, pero es lo único que he conseguido hacer.