очень странный баг IE

@import url('reset.css');
 
/* HEADER */ /* HEADER */ /* HEADER */ /* HEADER */ /* HEADER */
 
#authorization {
margin:157px 27px 0 22px;
}
 
#auth {
border-bottom:1px solid #4e4e4e;
margin-left:25px;
}
 
#form-auth {
margin-top:15px;
}
 
.inp {
width:108px;
height:21px;    
background: url('../img/auth-login-pass.png') no-repeat;
}
 
#input1 {
float:left;
}
 
#input2 {
margin-left:118px;
 
}
 
#input3 {
float:right;
}
    
form#form-auth input[type="text"], form#form-auth input[type="password"] {
width:94px;
height:19px;
margin:1px 7px 0 7px;
background: url('../img/auth-login-pass2.png') no-repeat;
border:none;
font:bold 12px arial,sans-serif;
color:#8c8c8c;
}
 
form#form-auth input[type="submit"] {
width:23px;
height:23px;
background: url('../img/auth-button.png') no-repeat;
border:none;
cursor:pointer;
}
 
form#form-auth input[type="submit"]:active {
background-position: 0px -24px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}