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.