I have created a CSS style for the layout of my basic document:
div#content li {
font-size:95%;
list-style-image:url(/css/bullet_list.gif);
line-height:1.5;
}
Further down in another document, I've included a CSS file that defines
.codexworld_rating_widget li{
list-style: none;
list-style-image: none;
float: left;
}
However, even with the list-style-image: none; declaration, the list element continues to display the bullet graphic (bullet_list.gif). Can anyone explain why this is happening?
The HTML document in question can be found at this URL: , and the issue is located at the "Bewertung" section towards the end - where the rating stars are obscured by the bullets.