Problema con codigo

[lgga]

Hola amigos tengo un pequeno problema

En mi style.css tengo el siguiente codigo el cual el texto lo muestra con sombreado y las esquinas redondeadas del fondo.

Código HTML:

.tags {
padding:4px;
color:#ffffff;
-moz-border-radius: 5px 5px 5px 5px;
background:none repeat scroll 0 0 #840000;
text-shadow: -1px -1px 1px #555;
-moz-box-shadow: 3px 3px 3px #fff;
	}

En Firefox 3.6.17 y 4 funciona perfectamete, pero.....

en Chrome 11.0.696.6 no muestra las esquinas redondeadas y el texto es poco legible.

en IE 9 no muestra las esquinas redondeadas aunque el texto se ve bien igual que en Firefox.

Alguna idea de como mejorar esto en Chrome e IE

[samplei]

En tu css te falta:

Código:

border-radius: 5px 5px 5px 5px;
box-shadow: 3px 3px 3px #fff;

el IE9 y todo los otros IEs no admiten "text-shadow" (mira aqui: http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx).

el texto en chrome es poco legible, pero esto me parece como un problema de chrome. Puedes cambiar "font-family" y "font-size".

[lgga]

ahhh muchas gracias samplei, funciona perfecto tanto en Chrome como en IE9