Hi.
I'm new in CSS... always used table.
Now I'm having a big problem with a form field, and IE 6/7.
My form field (input) have a rounded background image with a text:
Something like: "username: [__________]"
In firefox, I put the image in background, and a padding-left of 50
pixels... so the text of input it write in the correct space... and
when the text is bigger then the space, the text stey in the correct
space. But in IE the text get in front of "username" in image.
In IE 7, the "fixed" option don't work for the background... so the
image scroll with the text... So I needed to put a "top right".. and
the background istay "fixed".
But the text is in front of the image... it do not respect the padding pixels.
Is any correction for this? or is a problem with IE, and cannot be corrected?
#userbox .user {
margin-top: 6px;
font-size: 70%;
width: 71px;
height: 12px;
border-style: none;
padding-left: 50px;
padding-top: 1px;
padding-down: 1px;
padding-right: 3px;
border: none;
background: transparent url("img/login_userbox.gif") no-repeat;
*background: transparent url("img/login_userbox.gif") no-repeat top right;
_background: transparent url("img/login_userbox.gif") no-repeat fixed;
}
--
Rafael Henrique da Silva Faria
# Grupo Cena Digital
# (16) 9229-8928
# www.cenadigital.com.br
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
