фоновое изображение для текстовой области

Question

Я только начинающий в HTML.Я пытаюсь использовать фоновое изображение для текстовой области.В Firefox он выглядит хорошо, но не в Internet Explorer.

Мой HTML-код

<textarea id="message" class="txt_area" 
    onFocus="remove_email('message','Message');" 
    onKeyPress="chgclr('message','Message')"  
    rows="" name="message" cols="">Message</textarea>

Мой CSS:

.txt_area{ 
    background-image:url(../images/textarea_normal.png); 
    background-color:transparent; 
    background-repeat:no-repeat;
    color:#999999; 
    width:311px; 
    height:91px; 
    padding-left:35px; 
    padding-right:10px; 
    border:0px; 
    padding-top:10px; 
    padding-bottom:10px; 
    font-size:12px; 
}
.txt_area:focus{ 
    background-image:url(../images/textarea_focus.png); 
    color:#000000;
}

В Internet Explorer, если я введу текст вВ текстовой области фоновое изображение также прокручивается вместе с содержимым.Я использую ie7.Как я могу исправить это?

Answer 1

Попробуйте добавить свойство вложения фона: http://www.w3schools.com/cssref/pr_background-attachment.asp