No sé qué pasará con IE9. Justamente ese navegador no aceptaba las imágenes (ni de fondo ni en el
<img src=>) usando ese método.
Porque lo que estás metiendo es una imagen con la forma de rectángulo de esquinas redondeadas.
La técnica es muy vieja. La usaba (justamente!) IE4 antes de que existiera el
border-radius. Que, por otro lado, es mucho mejor como método.
Seguramente pruebas el SVG porque estás haciendo experimentos.
En Firefox, Opera y Chrome ya anda (SVG y base64). Pero —repito— también anda el
border-radius. Quizá en alguno, con prefijo; pero anda.
Te dejo un tema (adentro hay algún link más) donde se discutió sobre esa forma de embutir imágenes en el HTML en vez de llamar a un archivo.
Necesito ayuda urgente!!!!!!!
(Sí, ya sé, el título es lamentable, pero ya sabemos que los buscadores se nefregan en los títulos
)