Problemas com menu horizontal no firefox!

Olá!

O problem a que está ocorrendo é esse: No Firefox a bolinha da "<li>" aparece e no IE o fundo cinz aparece mas sem as bolinhas.. Qual seria o problema?

Aqui está a url onde se encontra o HTML:

http://www.urieljuliatti.net/menu.html

O css está assim:

@charset "utf-8";
/ CSS Document /

#nav, #nav * {

	margin:0;
	padding:0;
}

#nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	background: #ccc;
	padding-top:0px;
	padding-left:300px;
	margin-top:30px;
	list-style:none;
	fload:left;
}

#nav li { float:left;}
#nav li a {

	collor:#fff;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #069;
	background:#09c;
	text-decoration:none;
	margin-right:2px;
}

#nav li a:visited {color: #ccc;}
#nav li a:hover {

	color:#2eacd5;
	background:#daecff;
	border-left: 1em solid #a2c7da;
}

/ Holly Hack /
/\/
* html ul li { float: left; }
* html #nav li a {height: 1%;}
/**/