IE7 bug, my form input fields get indented

Posted by kmunky on Stack Overflow See other posts from Stack Overflow or by kmunky
Published on 2010-04-12T10:01:47Z Indexed on 2010/04/12 10:03 UTC
Read the original article Hit count: 270

Filed under:
|
|

HTML

                <form id="contact_form" action="#" name="" method="POST">
                    <label for="name">NAME</label>
                    <input type="text" name="name" id="name" class="contact_form_input" />
                    <label for="email">EMAIL</label>
                    <input type="text" name="email" id="email" class="contact_form_input" />
                    <label for="subject">SUBJECT</label>
                    <input type="text" name="subject" id="subject" class="contact_form_input" />
                    <label for="message">MESSAGE</label>
                    <textarea name="message" id="message"></textarea>
                    <input type="submit" class="submit" name="submit" value="Submit" />
                    <input type="reset" class="reset" name="reset" value="Reset" />
                </form> 

CSS

form#contact_form{
width:auto;
height:auto;
margin:0px;
margin-left:73px;
padding:0px;
float:left;
clear:both;
}

form#contact_form label{
float:left;
clear:both;
margin-left:3px;
margin-bottom:6px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
}

input.contact_form_input{
width:474px;
height:36px;
margin:0px;
margin-bottom:9px;
padding:0px;
float:left;
clear:left;
}

form#contact_form textarea{
width:479px;
height:150px;
margin-bottom:9px;
float:left;
clear:left;
}

you can see here that in IE7 that text inputs gets some kind of "margin-left". How can i get rid of that margin? thanks

© Stack Overflow or respective owner

Related posts about html

Related posts about css