Verschachteltes Menü, li li lässt sich nicht mehr ansteuern....

[Sally]

Ich möchte ein Menü Asugeben, die erste Position, quasi die Oberkategorie

BOLD, red,
.nav > ul > li > a

-----------------------------------

und die unterkategorien
NORMAL und PADDING

.nav ul ul li a:link

aber genau da habe ich ein Problem. Er nimmt mir das padding nicht an...
so klebt der border-bottom: 1px dashed #d4d4d4; an der Schrift.

.nav {
text-align: left;
max-width:1160px;
padding:0 20px 0 20px;
margin:0px auto;
margin-bottom:60px;
border-left: 2px solid #d4d4d4;
}

.nav > ul > li {
display: inline-block;
text-align: left;
vertical-align: top;
padding:0 30px 0 0;
width:120px;
font-size: 14px;
}

.nav > ul > li > a {
display: block;
color: #FF0000;
font-weight:bold;
padding:0 0 10px 0;
}

.li li ul {
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
padding: 0;
}

.nav ul ul li a:link,
.nav ul ul li a:active,
.nav ul ul li a:visited,
.nav ul ul li a:hover {
color: #C0C0C0;
font-size: 14px;
border-bottom: 1px dashed #d4d4d4;
font-weight:normal;
}