Ciao,
mi succede una cosa strana con un bottone fatto con i css.

come potete vedere in questo esempio

esempio

il padding(destro) aumenta, in base alla lunghezza del testo che c'è all'interno(nell'esempio 'label' o 'label lunga').
Il problema è con explorer; con firefox si comporta correttamente.

questo il codice:

codice:
CSS:

div.btn {
	background: url(bg_btn.gif) top left no-repeat;
	padding:0;
	margin:0;
	padding-left:4px;
	float:left;
	text-align:left;
	height:26px;
	line-height:26px;
}

div.btn input {
	text-transform: uppercase;
	margin:0;
	padding:0;
	padding-right:18px;
	height:26px;
	border:0;
	text-align:left;
	font-weight:bold;
	color:#797A77;
	font-size:10px;
	background:url(btn.gif) right top no-repeat;
	cursor:hand;
} 

div.btn input.ov {
	background:url(btn_ov.gif) top right no-repeat;
}

HTML:

<div class="btn">
		<input type="button" class="save" onmouseout="this.className=''" onmouseover="this.className='ov'" value='label' > 
		</div>
		<div class="btn">
		<input type="button" class="save" onmouseout="this.className=''" onmouseover="this.className='ov'" value="label lunga" > 
		</div>

suggerimenti?
grazie