Conflicto entre 2 CSS's

[jomaruro]

Hola:

El problema estaba, como era de suponer en las herencias, cambia este apartado de tu style.css:

Código CSS:

ul {
    padding: 0;
}
 
ul li {
    list-style-type: none;
    display: inline;
    margin-right: 15px;
}
 
ul li a {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    padding: 3px 7px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.5s, 0.5s;
}
 
ul li a:hover {
    background: #01458e;
    color: #ff0;
 
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.5s, 0.5s;
}
 

por este otro:

Código CSS:

#menu ul {
    padding:0;
}
 
#menu ul li {
    list-style-type: none;
    display: inline;
    margin-right: 15px;
}
 
#menu ul li a {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    padding: 3px 7px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.5s, 0.5s;
}
 
#menu ul li a:hover {
    background: #01458e;
    color: #ff0;
 
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.5s, 0.5s;
}
 

Asi, diferenciando la lista del menú de la lista de griddler no se mezclan las propiedades de una y otra.

Saludos.