Problema con Fondo de Campo de Texto IE7

[thepancher]

Hola, como andan? Les traigo un error o como quiera que se llame... Algo que Internet Explorer 7 solamente me lo hace...

Yo pruebo mis webs con Firefox, Internet Explorer 7 y Safari.

En el index tengo un pequeño div para loggearse. Y yo a los campos de texto del login, le puse fondo a traves del siguiente codigo en CSS:

Código:

.login-input-15022 {
	background: url(../images/input_15022_bg.png) no-repeat;
	width: 146px;
	height: 20px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: 0px;
	text-align: center;
}

Pero con internet se me mueve el fondo cuando inserto textos de mayor caracteres de lo que muestra el campo, y me queda algo asi:



Se puede arreglar esto para que la imagen de fondo del campo de texto no se mueva?

No le pongo 'repeat-x' porque la imagen es para toda el cuadro de texto, o sea qsimplemente no kiero q se mueva...

Como dije antes, esto solo pasa con IE7, con Firefox y Safari anda perfecto...

Alguien me ayuda?

Bueno, desde ya, gracias...

Saludos.

[willyfc]

coloca la imagen de fondo del div que contiente al input:

Código:

.buscar{width:146px;height:20px;background: url(../images/input_15022_bg.png) no-repeat; margin-top:5px; margin-right:4px;_margin-right:0}
.cajabuscar{ border:0; width:130px; height:18px;text-indent:3px; background-color:transparent; margin-top:2px;_margin:7px 7px 0 0}

y luego:

Código HTML:

<div class="buscar">
	<input type="text" name="txtbuscar" class="cajabuscar" />
</div> 

[thepancher]

Gracias... Me anduvo de diez, no se como no se me habia ocurrido ^^