Problema display de lista

[juaann]

Hola amigos, mi problema es el siguiente, tengo una lista la cual quiero que sus items se vean uno al lado de otro y no uno debajo del otro. este es mi codigo.

Código:

<div id="menuuser">
<ul>
			<li><a href="" /><span alt="Nuevo." class="panel_iconos nuevo"></span></a></li>
			<li><a href="/" /><span alt="Logout." class="panel_iconos logout"></span></a></li>			
			<li><a href="/" /><span alt="Tu perfil." class="panel_iconos perfil"></span></a></li>
			<li><a href="/ ><span alt="Mis favoritos." class="panel_iconos fav"></span></a></li>
			<li><a href="/" /><span alt="Mis mensajes." class="panel_iconos mensaje"></span></a></li>
</ul></div>

Código:

#menuuser {
	float:left;
	width:30px;
	height:24px;
	padding:0px;
	margin:0px;
	list-style-type:none;

}
#menuuser a {
  float:left;
  width:30px;
  text-decoration:none;
  text-align:center;
  color:#ff0000;
  background-color:#f7f8e8;
  padding:3px 5px;
  border-right:1px solid white;
  height:25px;
    display:inline;
  }

#menuuser a:hover {
  background-color:#336699;
  }

Código:

.panel_iconos {
  width: 30px;
  height: 30px;
  background-image: url('../imagenes/iconos.png');
  background-repeat: no-repeat;
  display:block;
}

.panel_iconos.nuevo {top:6px; height:18px; width:30px; background-position: 0 0px;}
.panel_iconos.logout { background-position: 0 -19px;}
.panel_iconos.perfil { background-position: 3px -48px;}
.panel_iconos.fav { background-position: 0 -77px;}
.panel_iconos.mensaje { background-position: 0 -107px;}