Mozilla macht Probleme beim List-Style

[UnoDosTres]

Hi,

ich habe eine Navigation die mittels einer Liste generiert wird.
Hier das CSS:

#navcontainer { width: 120px; }

#navcontainer ul
{
margin-left: 0;

padding-left: 0;
list-style-type: none;

font-family: Verdana;
}


#navcontainer a
{
display: block;
padding: 2px;
width: 120px;
background-color: #f6f6f6;
/*border-bottom: 1px solid #eee;*/
}


#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #656567;
color: #fff;
}

Die listen haben halt die id navcontainer. Im IE7 sieht alles super aus. Nur im Mozilla werden mir Aufzählungszeichen vor den einzelnen Elementen angezeigt! - Wie bekomme ich die weg?

 

[Maik]

Hi,

Die listen haben halt die id navcontainer. Im IE7 sieht alles super aus. Nur im Mozilla werden mir Aufzählungszeichen vor den einzelnen Elementen angezeigt! - Wie bekomme ich die weg?

indem du list-style-type:none im Selektor #navcontainer angibst, denn der Selektor #navcontainer ul gilt in diesem Fall für ein in der Liste eingebundenes Listenelement, Stichwort: verschachtelte Liste.

Wenn hier aber mehrere Listen zum Einsatz kommen, muss der ID-Bezeichner in einen Klassen-Bezeichner umgewandelt werden, da eine ID im Dokument eindeutig sein muss, und darin nicht mehrmals vergeben werden darf.