Menu doet raar

Hallo,

Ik werk voor de eerste keer met li en ul voor het maken van een menu, nu heb ik een menu gemaakt maar komt er een teken tussen elke link hoe haal ik die weg?

Screen:
Css:

nav {
    background: none repeat scroll 0 0 transparent;
    left: 300px;
    position: absolute;
    top: 60px;
    width: 534px;
}
nav ul li {
    float: left;
    line-height: normal;
    margin-left: 25px;
}
nav ul li a {
    background-color: transparent;
    color: #000000;
    display: block;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-right: 25px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-decoration: none;
}

Html:

<nav>
         <ul>
             <li><a href="#">Home</a></li>
                <li><a href="#">Over ons</a></li>
              <li><a href="#">Activiteiten</a></li>
              <li><a href="#">Fotos</a></li>
             <li><a href="#">Contact</a></li>
         </ul>
      </nav>

list-style-type:none;

Toevoegen.

Bedankt! Het is gelukt nou heb ik nog een probleempje
Ik wil graag dat tussen mijn content en header 5px ruimte zit bijvoorbeeld maar dat lukt me niet dan komt er ruimte tussen mijn content en tekst.

Css:

#content {
background: url(images/content.png); 
width: 797px; 
margin-top: 5; 
overflow: hidden;
padding-left: 5px;
font: 14px calibri, calibri, calibri, calibri; 
color:#757575;
}

Float: left;
Op beide en daarna in HTML:

margin-top: 5;
5 wat? 5 apen, boten, huizen, koeien, tvs???

ow domme fout van mij bedankt freestyle