el "inline" poneselo solo al "li" sin usar clase, asi..
Cita: <ul>
<li><a href="#">Acerca de</a></li>
<li><a href="#">Historia</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Tienda</a></li>
</ul>
Cita: ul li {
display:inline-block;
float:left;
}
si te fijas, tambien le puse un float, pero es para corregirlo en el querido internet explorer q tanto adoramos jaja.. espero te sirva