margin mellem links i menu

Vil gerne øge den horisontale afstand mellem link imenu.
Har sat

<style type="text/css">
        body, div, ul, li {
            /*margin: 0px;*/
            padding: 0px;
            margin-left: 10px;
              margin-top: 0px;
        }
</style>

i følgende menu
  <nav>
    ul id="nav">
      <li><a id="A1" runat="server" href="~/">Forside</a></li>
      <li><a id="A2" runat="server" href="~/OmAkupunktur">OmAkupunktur</a></li>
      <li><a id="A3" runat="server" href="~/OmMig">Om mig</a>                                        </li>
      <li class="Behandlinger"><a href="#">Behandlinger</a><ul>
        <li><a runat="server" href="~/Behandlinger">Generelt</a></li>
        <li><a runat="server" href="~/AktueltNu">Aktuelt nu</a></li>
  </ul>
                                 
</nav>

Det under mig at margin-left påvirker den vertikale afstand mellem dropdown "aktuelt nu" og "Generelt" også selvom  margin-top er sat til 0px;
Hvad kan årsagen være?