Form not displaying in IE7

HTML & CSS
1

Hi all!

I have this simple html code for displaying a sign up form :


<form name="form_newsletter" class="form_newsletter" method="post" action="">
<input type="text" name="subscriber_name" class="text_box" value="Your name" onfocus="blank(this)" onblur="unblank(this)" />
<img src="" alt="captcha image" /><br />
<input type="text" name="subscriber_email" class="text_box" value="Your email" onfocus="blank(this)" onblur="unblank(this)" />
<input type="text" name="captcha_value" class="text_box" value="Insert symbols" onfocus="blank(this)" onblur="unblank(this)" /><br />
<input type="image" class="sign_me_up" src="graphics/sign_me_up.jpg" name="Submit" value="sign_me_up" />
</form>

and a CSS which defines the layout :


.text_box {
	width: 124px;
	border: 1px solid #000066;
	border-left: 2px solid #000066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px
}

.sign_me_up {
margin-top:3px
}
.form_newsletter {
background-image:url(../graphics/mailbox.gif);
background-position:right;
background-repeat:no-repeat;
height:130px
}

The form is displayed just nice in Firefox and Chrome, however in IE7 there’s absolute NOTHING at the place where the form supposed to be… Any ideas?

Thanks in advance!

2

it is displaying fine in my ie7.

may be something else in your rest of code is disturbing

vineet

3

Interesting… It was a


margin-left:425px

attribute for the containing div… Thanks!