Problemas con la visualización en IE

[mariograna]

Buenas a todos el caso es que esto colocando la barra de búsqueda en medio de un background. En firefox y chrome se ve genial pero en IE la barra se queda arriba


Aki la imagen de Ie vs Firefox.



Alguien me podría decir porque el IE no hace caso del Margin que le meto y como solucionarlo??? (El margin del div#search input es lo que modifico)

Aquí pego el codigo:

div#search {
position:absolute;
top: 228px;
left: 16px;
border: 0;
margin: -34px 0px;
padding: 0;
width: 200px;
height: 113px;
float: right;
background: #fff url(../img/search_bg.gif) left top no-repeat;
}
div#search h2 {
}
div#search form {
margin: 0 0 0 0;
padding: 0;
background: 0;
border: 0;
}
div#search form fieldset {
margin: 0;
padding: 0 0 0 0;
border: 0;
}
div#search form fieldset:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}
div#search input {
width: 150px;
float: left;
margin: 65px 0px 74px 7px;
padding: 0;
font-size: 100%;
color: #535353;
border: 0;
}
div#search input.submit {
margin: 65px 3px;
padding: 0;
width: 28px;
height: 16px;
}

[WalkerHugo]

Mira no soy muy experto pero puede ser que sea porque IE no respeta los estándares web, ami me paso algo muy parecido , lo solucione haciendo otra hoja de estilo exclusivamente para IE , con el condicional (esto va en el pagina.html dentro del head)

<!--[if gt IE 5.5]>
[Esto se mostrará a versiones posteriores a IE 5.5. "gt" = mayor que]
<![endif]-->
<!--[if gte IE 5.5]>
[Esto se mostrará a IE 5.5 y versiones posteriores. "gte" = mayor que o igual]
<![endif]-->
<!--[if lt IE 6]>
[Esto se mostrará a versiones anteriores a IE 6. "lt" = menor que]
<![endif]-->
<!--[if lte IE 6]>
[Esto se mostrará a IE 6 y versiones anteriores. "lte" = menor que o igual]
<![endif]-->

Estos condicionales tengo entendido que solo funcionan para IE,espero que te sirva.

[ocelnet]

También puede resultar una buena idea trabajar en vez de con pixeles, trabajar con una medida relativa como los em.