Problemas para visualizar check box en navegadores

[tuuutooo]

Hola amigos, tengo un problema, estoy trabajando con un diseño de página, todo resulta bien, pero cuando empiezo a probar en distintos navegadores los checkbox no se visualizan, esto ocurre en Safari y chrome, en cambio en Firefox y Explorer si se ven.

Estoy trabajando con un reset.css para limpiar todos los estilos, en realidad necesito trabajar con ese css y que los checkbox se puedan visualizar.

Envió código que uso para ver si me pueden ayudar a solucionar este problema.

RESET.css

Código CSS:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: baseline;
    font-weight: normal;
  font-style: normal;
  -webkit-appearance: none;
  appearance: none;
}
 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
 
body { line-height: 1; }
 
ol, ul { list-style: none; }
 
blockquote, q { quotes: none; }
 
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
 
.clear {
  clear: both;
}
 

estilos.css

Código CSS:

input[type=radio]:checked {
    background-position: 0px -12px;
}
 
input[type="checkbox"]{
        background-color: red;
        border: 2px solid blue;
        color: yellow;
        height:30px;
        width:30px;
    }
 
 
.check {
    height: 20px;
    width: 20px;
    background: url(../images/form_checkbox.png) no-repeat;
    cursor: pointer;
    float: left;
    
}
 
.check:checked {
    background-position: 0px -20px;
}
 

Código HTML:

<input type="checkbox" name="" id="adv2" class="check"/><label for="adv2" class="check_txt">XXXXX</label>
 

Gracias amigos y ojalá esto tenga solución.