Tengo dos archivos CSS en mi aplicación web: reset.css y screen.css. Aparecen en ese orden en el html (restablecer y luego pantalla).

En reset.css, se produce la siguiente definición de estilo:

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border-bottom-width:0;
  border-color:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  outline-color:initial;
  outline-style:initial;
  outline-width:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  vertical-align:baseline;
}

Puedes ver esospan está en esta lista, y por defecto tiene unfont-size del 100%

En mi screen.css, tengo lo siguiente:

dl.labels-left dt span.req {
  display:inline;
  font-size:14px !important;
}

Mi HTML tiene el siguiente extracto:

<div>
    <dl class="labels-left">
        <dt class="larger-a-left">
            <label>Name:</label>
            <span class="req">*</span>
        </dt>
...

El problema que tengo es que elfont-size: 14px !important; está siendo anulado por el CSS en el archivo de reinicio,pero solo en Google Chrome. ¡No puedo entender por qué!

Aquí hay una captura de pantalla de Firebug Lite que muestrafont-size tachado:Captura de pantalla de Firebug http://www.damianbrady.com.au/images/firebug_screenshot.png

¿Por qué mi estilo reset.css se considera más importante que la definición de clase específica?

Según mi comprensión deW3C CSS 2.1 Especificidad, esto no debería suceder!