Wortabstand im DIV-Fenster vergrößern

Kann mir jemand erklären wie man einen sauberen Abstand von Wort zu Wort bei der Navigation einstellt?

Bisher hab ich das immer mit      gemacht, aber das ist auch nur eine Amateurlösung.

https://www.pictureupload.de/originals/ ... 5_1111.PNG


Der CSS-Code von der Navigation heißt:

/* Right sidebar */

#right-sidebar {
float: left;
width: 600px;
height: 2px;
margin: -78px 0 0 -720px;
padding: 0;
}

#right-sidebar ul {
list-style: none;
width: 700px;
height: 10px;
margin: 0 0 5px 0;
padding: 0 0 2px 0;
overflow: hidden;
}

#right-sidebar ul ul {
margin: 0;
padding: 0;
}

#right-sidebar span {
background: url(images/corner_top.png) top left no-repeat;
padding: 0;
}

#right-sidebar h2 {
background-image: url(images/topright.png);
background-position: top right;
background-repeat: no-repeat;
padding: 4px;
margin: 0;
font-size: 1.9em;
color: #000;
}