ich finde den fehler nicht :/

[Cedi44]

hi leute

ich habe mir ein navigationsmenu zusammengebastelt und nun sieht das ganz toll aus aber das slidedownmenu also die links die runterfahren sind nicht gerade nach unten sondern sind verschoben...also leicht nach hinten/links... nun will ich das es schön gerade ist und nicht versetzt.. was ist an meinem css code falsch?

htmlcode:

<nav>
    <ul>
        <li><a href="Home.html" style="color: #FFF;">Home</a></li>
        <li><a href="About me.html" style="color: #FFF;">About Me</a>
            <ul>
                <li><a href="My Person.html" style="color: #CCC;">My Person</a></li>
                <li><a href="Sport - Unihockey.html" style="color: #CCC;">Sport - Unihockey</a></li>
                    </ul>
                </li>
            <li><a href="SBWNMAG.html" style="color: #FFF;">SBWNMAG</a>
            <ul>
                <li><a href="Beruf.html" style="color: #CCC;">Beruf</a></li>
                <li><a href="Job.html" style="color: #CCC;">Job</a></li>
                    </ul>
                </li>
             
           <li> <a href="Gallery.html" style="color: #FFF;">Gallery</a>
            <ul>
            
            <li><a href="Holidays (Gallery).html" style="color: #CCC;">Holidays</a></li>
             <li><a href="Me(Gallery).html" style="color: #CCC;">Me</a></li>
              <li><a href="Sport(Gallery).html" style="color: #CCC;">Sport - Floorball</a></li>
            </ul>
                </li>    
                
             <li> <a href="Skills.html" style="color: #FFF;">Skills</a>
            <ul>
           <li><a href="Fähigkeiten.html" style="color: #CCC;">My Knowledge</a></li>
              <li><a href="Works.html" style="color: #CCC;">My Works</a></li>
            
            </ul>
                </li>       
        
        <li><a href="Contact.html" style="color: #FFF;">Contact</a></li>
    </ul>
</nav>

html head usw nicht beachten... ehm dann noch den css code:

<style>

    nav li {
    float:left;
    list-style-type:none;
    width:150px;
    }

li a {
    color:black;
    text-decoration:none;
    margin-left:30px;
    float:left
    }
li a:hover{
    color: orange;
}
ul {
    list-style:none;
}
    
ul li ul {
    display:none;
    margin-left:-40px;
}

ul li:hover>ul{
    display:block;
}

</style>

danke für die Antworten

lg cedi44

 

[Cedi44]

ah ne ich habs ;D

 

[root3450]

Wär super, wenn du deine Lösung uns "erzählen" könntest?!

 

[bdt600]

15:59 Uhr, 16:02 Uhr, 16:09 Uhr und 16:11 Uhr! Wie wär's denn, wenn du erst mal nachdenkst, bevor du postest?!?!?