IE8 CSS problem

[_tina_]

Hi,

 

I have the following.

 

#memberlogin .logininput{
background:url(/images/memberlogin_formbg.gif) no-repeat left top;
width:239px;
height:42px;
padding: 10px 10px 19px 25px;

margin-left: 30px;
overflow:hidden;
}

#memberlogin .logininput .email{
margin:0;
padding:0;   
	margin-bottom:5px;
}

#memberlogin .logininput .email, #memberlogin .logininput .password{
display:block;
}

#memberlogin p{
color:#cccccc;
font-size:12px;
}

 

and the HTML

 

<form id="memberloginform" action="/auth/authenticate" method="post">
<input type="hidden" value="http://staging.ratemybroker.s8.cnydevzone.com/" name="url"/>
<div class="logininput">
</div>
<div class="submitwrap">
</div>
</form>

 

This works fine in IE7 and FF but in IE8, it pushes the two form fields far over to the left and only displays from the middle of the box to the end.

 

Any idea from the above of what might be causing this?

 

Thanks in advance.

[_tina_]

 

Also to note, where I set

margin-left: 30px;

 

When I test using F12 in IE8, it's showing up as a -115px value rather than 30px.  Is there a way around this?

 

Thanks again.

 

Hi,

 

I have the following.

 

#memberlogin .logininput{
background:url(/images/memberlogin_formbg.gif) no-repeat left top;
width:239px;
height:42px;
padding: 10px 10px 19px 25px;

margin-left: 30px;
overflow:hidden;
}

#memberlogin .logininput .email{
margin:0;
padding:0;   
	margin-bottom:5px;
}

#memberlogin .logininput .email, #memberlogin .logininput .password{
display:block;
}

#memberlogin p{
color:#cccccc;
font-size:12px;
}

 

and the HTML

 

<form id="memberloginform" action="/auth/authenticate" method="post">
<input type="hidden" value="http://staging.ratemybroker.s8.cnydevzone.com/" name="url"/>
<div class="logininput">
</div>
<div class="submitwrap">
</div>
</form>

 

This works fine in IE7 and FF but in IE8, it pushes the two form fields far over to the left and only displays from the middle of the box to the end.

 

Any idea from the above of what might be causing this?

 

Thanks in advance.

[Dorky]

<meta http-equiv="X-UA-Compatible" content="IE=7">

a gift