Vertical-Align Issue with IE7
Posted: Wed Jun 23, 2010 2:46 pm
I have the following CSS:
This allows me to enter this on my webpage:
This then moves the image down slightly and thus makes the input boxes and text appear better positioned in relation to the submit button (which is my own button).
This all works fine in FF but not in IE7, where the text and input boxes still appear low down. Any ideas?
By the way, I have just checked in IE8 and it's fine again but not in Compatibility Mode (see my other posting).
Code: Select all
#save_btn
{
background: url(images/buttons/save.png) center no-repeat;
height: 75px;
width: 50px;
border: none;
vertical-align: -15px;
}
Code: Select all
<form name="login" method="post" action="cmsadmin/login.php">
User: <input type="text" name="user">
Pass: <input type="password" name="pass">
<input type="submit" name="Submit2" id="login_btn" value=" ">
</form>
This all works fine in FF but not in IE7, where the text and input boxes still appear low down. Any ideas?
By the way, I have just checked in IE8 and it's fine again but not in Compatibility Mode (see my other posting).