Poner enlaces en una linea

[Borjimante]

Hola, queria solucionar un problema, quiero poner varios enlaces en una linea, el codigo es

<div id="enlaces">
<ul class="menu">
<li><a href="#" class="enlace">Inicio</a></li>
<li><a href="#" class="enlace">Secci&oacute;n</a></li>
<li><a href="#" class="enlace">Secci&oacute;n</a></li>
<li><a href="#" class="enlace">Secci&oacute;n</a></li>
</ul>
</div>

#enlaces {
width: 700px;
height: 25px;
background-color: #FFFFFF;
text-align: center;
}

a.enlace{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 131px;
border-left: 1px solid #FFFFFF;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

a.enlace:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 131px;
border-left: 1px solid #FFFFFF;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

.menu {
list-style: none;
display: inline;
}

.menu li {
list-style: none;
display: inline;
}

Un saludo