buenas. estoy haciendo una página, pero me ocurre un problema. cuando defino un fondo con degradado, firefox me divide el fondo en varias partes, como se puede ver en la imagen (los círculos rojos señalan las separaciones):
sin embargo, en chrome sí se ve bien:
en el código no he visto nada raro:
Código CSS:
Ver originalbody {
padding:5px;
font-family:ubuntu;
overflow-x:hidden;
background: rgb(102,0,66); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(102,0,66,1) 0%, rgba(43,0,27,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(102,0,66,1)), color-stop(100%,rgba(43,0,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(102,0,66,1) 0%,rgba(43,0,27,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(102,0,66,1) 0%,rgba(43,0,27,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(102,0,66,1) 0%,rgba(43,0,27,1) 100%); /* IE10+ */
background: linear-gradient(-45deg, rgba(102,0,66,1) 0%,rgba(43,0,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660042', endColorstr='#2b001b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a ver si podéis echarme un cable con esto. a lo mejor es la tontería más grande del mundo, pero no la veo

gracias.
PD: ya aprovecho para preguntar otra cosa. ¿hay alguna manera de editar las barras scroll? solo he visto casos en los que se usa una especie de
css, pero solo para internet explorer, ya que el código fue creado por micorsoft.