duda con menu horizontal y sus enlaces

[realseik]

buenas noches, os explico mi duda que es algo rara, jeje.

He modificado el blockpermanenlinks para crear con el un menu horizontal como adjunto en una foto, y como veis, hay algunos botones mas largos que otros.

En concreto el menu esta definido en el blockpermanentlinks-header.tpl de la siguiente manera chapucera:

><!-- Block permanent links module HEADER -->
</pre>
<ul>
{l s='contact' mod='blockpermanentlinks'}
{l s='sitemap' mod='blockpermanentlinks'}
{l s='Bookmark' mod='blockpermanentlinks'}
{l s='cuenta' mod='blockpermanentlinks'}
{l s='cesta' mod='blockpermanentlinks'}
</ul>
<br><!-- /Block permanent links module HEADER --&gt

Mi duda es que, supongo que debido a eso, no consigo hacer que todo el boton sea enlace, sino que en los mas largos el enlace queda algo recortado y si intentar pinchar el boton por la derecha, no hay enlace. En concreto el tamaño de la zona de "enlace" lo establece en el global.css el siguiento codigo:

#header_links li {
   float:left;
   width: 184px;
}

Mi pregunta es : como consigo asignarle individualmente ( o al menos a uno en concreto, el de seguimiento) una zona de enlace mayor?


Gracias por las futuras respuestas y siento si no me he explicado muy bien o si hay formas mejores de hacerlo :$

[tamu secreto]

prueba usando esto:

#header_links li {
   float:left;
   width: auto;
}

a un que creo deberias usar otra tecnica, busca sprites en google, tambien puedes usar css ya hechos

aqui tienes algunos ejemplos buenos:

http://www.rubendomfer.com/blog/2009/07/12/tecnicas-para-crear-menus-en-css/


saludos!!

[realseik]

gracias tamu, eso era lo que me fallaba, he puesto auto, modificado cuatro cosas del .css y todo queda perfecto
De momento voy a dejar esto asi, aunque ha sido un metodo algo chapucero, asique será la primera y ultima vez, lo prometo