Hola a todos, tengo un problemilla con un campo input y su estilo. Resulta que quiero darle apariencia de botón y hasta ahí todo correcto, el problema es que el botón tiene una imagen y además un texto que es variable por lo que el tamaño no lo puedo poner fijo en el estilo ni tampoco "auto" porque el texto se pone por encima de la imagen y además necesito algo compatible IE, Firefox, Opera y Safari....
El código es el siguiente:
En html:
<input type="button" name="bBack" class="bVolver" value="texto variable en tam..." />
el css:
.bVolver {
BACKGROUND-COLOR: #5F75AB; BORDER: #3B4B73 3px outset;
background-image:url(/style/simplyAll/bVolver.gif);
background-repeat:no-repeat;
background-position:left;
color:#FFFFFF; text-align:right; font-weight:bold; font-size:1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:pointer; vertical-align:middle; padding:3px; width:auto???;
}
¿Alguien me puede ayudar??? ME estoy volviendo loca.
Muchas gracias de antemano.
