menu ul

[elcharli]

Hola,

Tengo una duda, tengo un menu hecho con UL, le puesto un imagen (un background) un boton de fondo y las letras en html, claro el div de cada boton su tamaño es acorde a lo que escriba dentro (contenido) en las palabras como EMPRESA bien pero cuando pongo I+D por ejemplo se corta el boton (imagen) el div mengua.

Esto lo hecho con Padding y consigo que se vea alguna palabra con el boton de fondo entero, pero otras no se ve el boton entero.

Si le doy mucho padding se separa mucho y quisiera que estubieran juntos los botones.

ul li { /* propiedades botones menu principal */


padding-top:10px;
padding-bottom:10px;
padding-left:25px;
padding-right:25px;
position:relative;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#777777;
display:inline;

}

¿Como puedo hacer para que se vea el .png que le puesto al ul sin que se corte, osea poder ponerle width del png y juntarlos?

Gracias