Page 1 of 1

Vertical-Align Issue with IE7

Posted: Wed Jun 23, 2010 2:46 pm
by gazzieh
I have the following CSS:

Code: Select all

#save_btn
	{
	background: url(images/buttons/save.png) center no-repeat;
	height: 75px;
	width: 50px;
	border: none;
	vertical-align: -15px;
	}
This allows me to enter this on my webpage:

Code: Select all

<form name="login" method="post" action="cmsadmin/login.php">
	&nbsp;User: <input type="text" name="user">
	&nbsp;Pass: <input type="password" name="pass">
	<input type="submit" name="Submit2" id="login_btn" value=" ">
</form>
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).