Menu
[url]http://www.themenubag.com/2008/contacts.php
On the form fields, i’ve got the following css:
[code=html]textarea.message {
background-color: #dcc9a7;
border:0px #dcc9a7 solid;
color: #78582f;
background-image: url(images/form_bb2.gif);
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width:204px;
height:91px;
padding:5px;
}
input.contact {
background-color: #dcc9a7;
border:0px #dcc9a7 solid;
color: #78582f;
font-size: 12px;
background-image: url(images/form_bb.gif);
background-repeat: no-repeat;
width:204px;
height:25px;
padding:5px;
vertical-align:middle;
}
In IE7, when you type to much in the input fields…the background image repeats to the left and right, so it appears to ‘scroll’ as you type. In the textarea..typing to much, or pressing multiple enters causes it to scroll down as it would seem…but with no-repeat on the background image just disappears, with it off, it of course repeats.
Is there any kind of IE hack for this?
Oh also, in IE7, adding no-repeat to the end of the background-image tag (instead of putting it in its own tag) caused the background images to disappear all together.
Thank you!