Estoy recibiendo un efecto extraño (actualmente en cromo). He creado mi propio cuadro de diálogo de superposición. que tiene un fondo semitransparente encima de mi sitio web con un cuadro encima de eso. La parte superior de la barra, como puede ver, tiene un fondo negro. La parte principal de la caja es el pensamiento blanco.

No es fácil de ver pero me molesta.

El blanco se muestra desde atrás. (Sé que si lo cambio a rojo, cambia de color). Lo puedes ver en la esquina superior derecha de las capturas de pantalla, justo encima de la "X".

Tanto el encabezado como la caja tienen un radio de borde de 3px

.blockUI .overlay {
    background: #f00;
    border-radius: 3px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    position: relative;
        top: 20%;
    text-align: inherit;
    width: 600px;
    z-index: 10009;
}

blockUI .overlay h1 {
    background: #000;
    border-bottom: 2px solid #F48421;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: -10px;
    padding: 10px;
}