[Resolvido] item de lista, marcador não aparece

olá, estou criando um menu horizontal, e estou usando o display: inline, mas ai o item de lista não aparece, como resolver este probleminha e deixar o menu horizontal? eu tirei o display inline e coloquei float left, funcionou, mas...

é o seguinte, menu menu tem fundo cinza, com o texto dos menus cinza mais escuro, com a bolinha da lista de item na mesma cor das letras...

ai quando passo o mouse gostaria que somente as bolinhas do item de lista mudasse de cor..

como posso fazer isso se usar imagens, pois usando imagens já consegui?

meu html:

<ul id="nav">
 <li><a href="#" title="">início</a></li>
 <li><a href="#" title="">portifólio</a></li>
 <li><a href="#" title="">blog</a></li>
 <li><a href="#" title="">contato</a></li>
 </ul>

meu css:

* {

 margin: 0;
 padding: 0;
	}

	#nav {
 background: #e4e9ec;
 border: 1px solid #d9d9d9;
 font: 18px Arial, Helvetica, sans-serif;
 height: 60px;
 margin: 0 auto;
 width: 930px;
	}

	ul#nav {
 padding: 0 0 0 35px;
	}

	ul#nav li {
 display: inline;
 line-height: 60px;
	}

	ul#nav li a {
 background: url("ball-c.png") 10px 17px no-repeat;
 color: #686868;
 padding: 10px 15px 10px 25px;
 text-transform: uppercase;
 text-decoration: none;
	}

	ul#nav li a:hover {
 background: url("ball-v.png") 10px 17px no-repeat;
 box-shadow: 0 3px 2px #686868;
 padding: 10px 15px 10px 25px;
	}