Como poner borde y No un sombreado a numeros Y QUE FUNCIONE EN INTERNET EXPLORER

[lepe]

Hola diseñadores, tengo un problema en el que no encuentro solucion debido a la incompatiblidad que tiene internet explorer en interpretar unos codigos que inserto en .css y que solo son validos para mozilla firefox y google chrome pero no para explorer 8. Yo queria introducir un borde a unos precios de mi web y como no sabia hacerlo pues inserte un sombreado con el siguiente codigo en el css:

- Funcionaba bien en todos los navegadores excepto para internet explorer:
font-weight: bold;
white-space: nowrap;
text-shadow: #000000 2px 2px 2px;

Entonces añadi otro codigo diferente arriba del todo de mi .css para que funcionase tambien en intenet explorer:
.shadow {
text-shadow:#000000 2px 2px; white-space:nowrap;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#0 00000', Direction=315, Strength=3);
}

El problema es que en internet explorer los numeros y el sobreado se ven como raros como si tuviesen dientes de sierra.
[URL=http://img834.imageshack.us/i/dientessierraie8.png/][IMG]http://img834.imageshack.us/img834/6155/dientessierraie8.png[/IMG][/URL]

Despues de pasar horas y no encontrar solucion me pregunto si hay algun codigo que sea válido para todos los navegadores para que en vez de sombreado aparezcan los numeros con borde exterior como la siguiente foto:

[URL=http://img541.imageshack.us/i/efectodeseado.png/][IMG]http://img541.imageshack.us/img541/7214/efectodeseado.png[/IMG][/URL]

Ojala algún experto me eche un cable porque por mas que googleo no encuentro ninguna solución que Internet explorer no la fastidie, saludos