Hi,

ich stehe mal wieder vor einem Problem.
Ich habe 2 textfelder, denen ich ein Hintergrundbild zugewiesen habe. Dieses ist genau so lange wie das Textfeld. Wenn jetzt aber der eingegebene Text länger ist, also die Textfeldlänge, verschwindet der Hintergrund langsam nach links.

Im IE6 und FF hab ich es ohne weiteres hinbekommen, dass der Hintergrund eine fixe Stelle hat. Nur IE7 zickt mal wieder -.-

Hier mal mein CSS:
Code css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

.header .header_right .loginBox .loginBoxTable tr td input.input
{
    height: 15px;
    width: 114px;
    border: 0;
    background-image:url(Bilder/textbox.gif);
    background-repeat:no-repeat;
    color: #FFF;
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
}
* html .header .header_right .loginBox .loginBoxTable tr td input.input
{
    background-attachment:fixed;
}

FF braucht keine weitere Einstellung, um das ganze so darzustellen, wie ich es will. IE6 macht das mit "background-attachment:fixed". Aber beim IE7 wird mit diesem CSS gar nichts angezeigt (weil sich, so wie ich es im Internet gelesen habe, background-attachment nicht am Element in dem das ganze "eingestellt" ist orientiert, sonder irgendwie am Browserfenster?)
Lasse ich das für den IE weg. Verhält sich der 6er wie der 7er. Das Bild verschwindet mit der Zeit.

Daher die Frage:
Hat jemand eine Lösung parat, wie ich das ganze so lösen kann, dass der Hintergrund in JEDEM Browser eine fixe Stelle hat?