Problema con Chrome y IE

[katuakupa]

Buenas tengo un CSS en que FF se ve bien, pero en Chrome y IE no se ve bien. El problema es que el efecto de redondeado en Chrome y IE no funciona. Para ello utilizo este código.

Código:

#topMenu{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
background-color:#002233;
float:left;
font-size:11px;
height:25px;
margin:10px 10px 10px;
padding:10px;
width:530px;
}

Con esta parte no hace el efecto de redondeado para Chrome y IE y si para FF
Pero en otra parte de la web, con el siguiente código:

Código:

.page-header-bg {
background-color:#002233;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:20px;
padding:10px 10px 40px;
}

Si que hace el redondeado en Chrome y FF.
Sé que podria aplicar el -border-radius total, pero en los
casos que no consigo visualizarlo en Chrome y IE sólo quiero que se
vea en la parte de abajo del #topMenu.

[KazerPowa]

Buenas,

Conozco ese problema, yo que tu pasaría de el si puedes...webs importantes tienen el mismo problema (www.tuenti.com) (youtube.com) y no pasa nada.

El problema está en que esa función es sólo de los navegadores con webkit, parece ser:

Código:

webkit-border-radius-bottomleft:10px;

[Impostor]

Iniciado por KazerPowa

El problema está en que esa función es sólo de los navegadores con webkit,

Bueno, la cuestión es que Chrome si tiene webkit

http://es.wikipedia.org/wiki/WebKit#Navegadores_web

Saludos¡¡

[KazerPowa]

Iniciado por Impostor

Bueno, la cuestión es que Chrome si tiene webkit

http://es.wikipedia.org/wiki/WebKit#Navegadores_web

Saludos¡¡

Tienes razón....bueno igual es porque es sólo de Firefox...mira eso de "moz", me suena a Mozilla:

Código:

-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

Podrías buscar otra forma de redondear los bordes, creo que con CSS se podía.

Saludos.

[katuakupa]

Si el -moz es para Mozilla pero el código tiene para -moz y -webkit

Código:

-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;

¿...?