[CSS] Input type=text + background = IE7 problem Opcje

[nitek]

witam,

poszukałem trochę zanim zdecydowałem się napisać, ale moje siły się już kończą, więc piszę..
Na stronie http://id2it.pl/nitek/dgproject/ dałem sobie ładnego inputa, nałożyłem na niego tło i wszystko działa pięknie pod IE6, FF i Chrome. Problem mam tym razem z IE7 - gdy wpiszemy więcej tekstu, tło zamiast zostać w miejscu, ucieka w lewo..

Próbowałem znaleźć jakieś sensowne rozwiązanie, ale niestety nic nie pomogło.

kod poniżej, może ktoś się z tym spotkał i będzie potrafił mi pomóc?

Kod

//HTML
<input type="text" class="newsletter_box" value="wpisz adres e-mail do subskrypcji" maxlength="50">

//CSS
.newsletter_box{
  background: url('../img/newsbox.png') no-repeat;
  width:235px;
  height:25px;
  margin-top:-24px;
  padding-left:10px;
  padding-right:10px;
  color:#443749;
  padding-top:7px;
  border:0 none;
  vertical-align:middle;
  cursor:text;
}

Nie zwracajcie uwagi na resztę kodu, pisałem na szybkiego i jest tam niezły bałagan - na porządki przyjdzie czas później..

//edit - nie zauważyłem, że kod się rozjechał przy wklejaniu

Ten post edytował nitek 25.06.2009, 20:04:31

[Nickel]

Rzeczywiście, idealne to to nie jest (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Jeśli koniecznie chcesz, żeby to wyglądało dobrze to może jeszcze coś takiego:

[PHP] pobierz, plaintext 
<?php
.newsletter_box{
 background: url('newsbox.png') no-repeat right;
 width:240px;
 height:25px;
 margin-top:-24px;
 padding-left:5px;
 padding-right:10px;
 color:#443749;
 padding-top:7px;
 border:0 none;
 vertical-align:middle;
 cursor:text;
}
 
.newsletter_box input
{
    width:235px;
     height:25px;
    border: none;
    background: none;
    margin-top: -5px;
}
?>
[PHP] pobierz, plaintext 

a w htmlu

[PHP] pobierz, plaintext 
<?php
<div class="newsletter_box"><input class="newsletter_box" value="wpisz adres e-mail do subskrypcji" maxlength="50" type="text" /></div>
?>
[PHP] pobierz, plaintext 

Trzeba to pewnie jeszcze "dopieścić", ale ogólnie powinno działać (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Wadą jest to, że musisz dodać dodatkowego teoretycznie niepotrzebnego diva. Sprawdzałem tylko w IE7 i FF3.

Ten post edytował Nickel 26.06.2009, 11:13:06