Bitte liebe Forum-User helft mir mein CSS-Problem zu lösen.
Die Unternavigation soll nicht angezeigt werden, funktioniert aber nicht wie gewünscht.
Anbei mein HTML und CSS:
<div id="navi_main">
<a href="#"><li class="philosophie">Philosophie</li></a>
<li class="blechtechnik">Blechtechnik</li>
<ul class="dropdown_navi">
<a href="#"><li>Edelstahl</li></a>
<a href="#"><li>Stahl</li></a>
</ul>
<li class="lohnfertigung">Lohnfertigung</li>
<ul class="dropdown_navi">
<a href="#"><li>Laserschnitt</li></a>
<a href="#"><li>Abkanten</li></a>
<a href="#"><li>Schweissen</li></a>
<a href="#"><li>Arbeitsbeispiele</li></a>
</ul>
<a href="#"><li class="sonderbau">Sonderbau</li></a>
<a href="#"><li class="news">News</li></a>
<a href="#"><li class="jobs">Jobs</li></a>
<a href="#"><li class="kontakt">Kontakt</li></a>
</div>
@charset "UTF-8";
/* CSS Document */
#navi_main{
padding-left: 10px;
display:block;
margin-bottom: 10px;
height: 20px;
height: 500px;
width: 220px;
float: left;
font-family: 'Anonymous Pro', sans-serif;
font-size: 20px;
font-weight: bold;
padding-left: 100px;
display: block;
padding-top: 60px;
vertical-align: middle;
}
#navi_main a{
font-family: 'Anonymous Pro', sans-serif;
font-size: 20px;
font-weight: bold;
color: #333;
text-decoration: none;
display:block;
background-color:#E3F4FC;
padding-left:40px;
padding-right: 40px;
margin-bottom: 6px;
margin-top: 6px;
}
#navi_main a:hover{
color: #5B99C0;
font-size: 22px;
}
#navi_main li{
font-family: 'Anonymous Pro', sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
text-decoration: none;
display:block;
background-color:#E3F4FC;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 6px;
margin-top: 6px;
}
#navi_main li:hover{
color: #5B99C0;
font-weight:bold;
font-size:20px;
}
#navi_main .dropdown_navi li{
font-family: 'Anonymous Pro', sans-serif;
font-size: 14px;
font-weight: bold;
color: #666;
text-decoration: none;
border-bottom: solid 1px silver;
margin-bottom: 0px;
margin-left: 0px;
text-indent:20px;
}
#navi_main .dropdown_navi li:hover{
color: #5B99C0;
}
#navi_main .dropdown_navi a{
background-color: #fff;
}
#navi_main .dropdown_navi a li{
width: 180px;
background-color: #fff;
font-color: #5B99C0;
}
#navi_main li.blechtechnik{
padding-left: 40px;}
#navi_main li.lohnfertigung{
padding-left: 40px;}
#navi_main li>ul{
display:none;
}
#navi_main li:hover>ul{
display:block;
}