acho que display: inline; para a li ou então float:left; resolve não?
Dai basta adicionar padding e margin nos links ou na própria li para depois adicionar as imagens.
Valeu pela dica vou tentar aqui *-*
Fala galera eu fiz no meu site assim !
Coloquei essa DIV dentro da Main
<div id="menu">
<a href="http://barracorestobar.com.br/"><img src="<?php bloginfo('template_url'); ?>/images/menu_barraco.png" alt="Sobre" title="Sobre"></a>
<a href="?page_id=2"><img src="<?php bloginfo('template_url'); ?>/images/menu_local.png" alt="Localizaçao" title="Localizaçao"></a>
<a href="?page_id=7"><img src="<?php bloginfo('template_url'); ?>/images/menu_todasexta.png" alt="Toda-Sexta" title="Toda Sexta"></a>
<a href="?page_id=13"><img src="<?php bloginfo('template_url'); ?>/images/menu_contato.png" alt="Contato" title="Contato"></a>
<a href="?page_id=21"><img src="<?php bloginfo('template_url'); ?>/images/menu_cadastre-se.png" alt="Cadastre-se" title="Cadastre-se"></a>
</div>
Aqui eu só coloquei os menus e linkei manualmente para as paginas criadas no site *_*
E utilizei O CSS
#menu {
/*background:url(images/back_menu.png) top left no-repeat;*/
width: 300px;
float:left;
text-align:right;
margin-top:-4px;
margin-right:70px;
Essa parte comentada do codigo é pra colocar uma imagem alternativa ao lado do menu (:
Valeu pela ajuda ;D
Quem quiser dar uma olhada BARRACO RESTO BAR
