Problemas con <section> background, display y border

[kseso?]

Primero:
Tiene mal construida su lista de definición:

Código HTML:

<dl>
   <dt>Enunciado</dt>
        <dd>Definición</dd>
        <dd>Puede haber más de un dd por cada dt</dd>
        <dd>Pero no un dt sin dd´s</dd>
</dl>
 

Semánticamente un listado de enlaces de navegación no se corresponde con una lista de definición (dl/dt/dd). Más acertado con una ¿desordenada? ul/li/a

Cambie los gradientes por color sólido para ver si es cosa de la sintaxis que utiliza si una vez corregido el html el problema persiste.