Problema img in input type text per Explorer7

eros23

Problema img in input type text per Explorer7

nel mio sito ***.unime.eu/html/Index2.html ho alcuni problemi con una cosa che sto facendo per abbellire i miei input o meglio dove porta il login!!

se scrivo un nick/passwd troppo lungo noto che l'immagine di sfondo si muove ma capita solo con IE7 mentre con Opera e FF no!

ora capisco che explorer deve sempre rompere ma è pure il primo browser quindi vi chiedo umilmente aiuto per le miei lacune in campo CSS

Grazie ragazzi!

P.s.
Per rendervi meglio l'idea vi allego l'immagine!
***.unime.eu/input_type.jpg

Sostituite gli asterischi con w!

emnlmn

Posta il codice incriminato, così a tentativi è un po difficile azzeccare

karedas

Ok prova così, devi cambiare la struttura html anche sostituendo lo SPAN con un DIV (che tra l'altro avrebbe anche più senso logico in ambito XHTML ).


    .username{
        text-align:left;
        width:85px;
        padding:2px 10px 0 23px;
        height:23px;
        background: url(images/username_bg.png) 0 0px no-repeat ;
    }
    div.username:hover,
    div.username:focus {
    background-position: 0 -23px;
}

    
    .username input {
        width: 75px;
        height: 23px;
        border: none;
        color: #646464;
        background-color: transparent;
    }

Mentre per l'html

[html]
<div class="username">
<input type="text" name="username"/>
</div>
[/html]
Così pare funzionare, non so assolutamente se funziona anche con le versioni precedenti di IE. Mi raccomando il nome della classe "username" lo deve avere il div e non l'input.

ciao!