Degradado no se muestra correctamente

[PosProdukcion]

Hola, en esta página y esta otra el fondo título de los artículos es un degradado de rojo a gris (#333).

Yo lo veo bien en todos mis navegadores y pantallas pero hay quien ve un escalón en el degradado, como si la imagen de fondo no acabara en #333 sino en #262626 y entonces se ve un salto en el color.

Las 2 personas que lo ven mal tienen Macintosh y unos navegadores tal vez poco actualiazdos (firefox 3.5), no se que hacer ya que si lo arreglo para ellos poniendo fondo #262626 lo estropeo para el resto.

¿Cómo lo veis vosotros? ¿Qué sistema operativo + navegador usáis? ¿Se os ocurre alguna solución?

Os pongo el código CSS (la imagen de fondo tiene un alto exacto de 39px):

Código CSS:

#divContenido .listaArticulos .tituloArticulo
{
    color: #fffff0;
    font-size: 13px;
    font-style: normal;
    height: 39px;
    text-decoration: none;
    background: url(../imagenes/bg-titulo-articulo.png) repeat-x #333;
    /*background: url(../imagenes/bg-titulo-articulo.png) repeat-x #262626;*/
}
 
#divContenido .listaArticulos .wrapper-fecha-articulo
{
    background: #333; /*o #262626*/
}
 
#divContenido .listaArticulos .indexExtractoArticulo
{
    color: #cfcfcf;
    overflow: visible;
    margin-top: 0;
    margin-bottom: 10px;
    background: url(../imagenes/esquina-preview-articulo-black.png) no-repeat right bottom #333;
    /*background: url(../imagenes/esquina-preview-articulo-black.png) no-repeat right bottom #262626;*/
}
 

Gracias