Menus no HTML/CSS

Oláá...

Estou com muita dificuldade de introduzir um menu que percorra o lado esquerdo da tela com fundo branco mais toda vez que mexo nas propriedades dele ele aumenta o espaçamento dos link's.

Não sei o que fazer nesse caso, mais ja tentei de quase tudo menos achar onde esta o erro.

Ainda não esta com os botões de fundo mais isso eu sei fazer gostaria que alguem pudesse me ajudar.

Ai vai o meu CSS pra darem uma olhada (lembrando que eu sou novo entao nao me xinguem por algo errado no meu C.F):

body {

	background-color: Black;
}

ul.navbar {

	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 10px;
	margin-top: 300px;
}

ul.navbar li {

	margin: 0,5em 0;
	padding: 0,3em;
	height: 50px;
	text-align: center;
	width: 200px;
	padding-top: 12px;
	background-color: #fff;
}

#logo {
	width: 800px;
	height: 200px;
	position: absolute;
	left: 225px;
	top: 20px
}

#topo {
	width: 100%;
}

#conteudo {
	position: absolute;
	top: 200px;
	left: 225px;
	color: #fff;
	text-align: center;
}

#content {
	margin-top: 40px;
}

p {

	color: #fff;
	text-align: left;
	position: absolute;
	top: 100px;
}

a {

	color: #000;
}

O meu menu esta no ul.navbar li, muito obrigado a todos.