Problemas con div ..bien en Mozilla... mal en IE

[richicasas]

Hola a todos, espero me puedan hacer el favor de ayudarme con el siguiente problema. En esta pagina www.ocbodontologia.com aparece en la parte superior derecha un input para hacer una busqueda. Si ustedes la miran en firefox , se ve bien pero yo por ejemplo la miro en IE 7 y se ve un poco mas abajo y no queda alineado con los otros botones... he hecho miles de cosas haber pero nada. Alguien sabe porque??

[Inluzion]

Hola, por lo que vi, la causa del problema es el margin-bottom del H3 que esta encima del input, en chrome encontré unos problemas revisa la parte del idioma. Espero te sirvan los datos.

Saludos

[richicasas]

El codigo de ese H3 es este y no tiene ningun margin-bottom

Código PHP:

  .moduletable-bus h3{
    color:#000000;
    font-weight:bold;
    font-style:italic;
    font-size:10px;
    text-align:right;
    margin-top:2px;
    line-height:0px;
    font-family:Verdana;
    margin-right:10px;
    border: solid 1px #333333;
    outline:inset;
    background-color:#006600;
 
} 
   

y de la parte inferior donde esta el input y la lupa es el siguiente:

Código PHP:

  .moduletable-bus{
    width:100px;
    float:left;
    margin:0;
    padding:0;
    margin-top:2px;
    height:13px;
    margin-top:-10px;
}
 
.moduletable-bus form{
    background:#195294;
    padding:0;
    margin:0;
}
 
.search-bus{
    float:right;
    background-color:#003399;
    padding:0;
    margin:0;
    height:18px;
 
}
 
.inputbox-bus{
    float:right;
    width:70px;
    font-size:9px;
    height:10px;
} 
   

[Mikmoro]

Iniciado por richicasas

El codigo de ese H3 es este y no tiene ningun margin-bottom

Al contrario: lo tiene, excepto en el caso de que lo anules:

h3 {margin-bottom: 0;}

O bien con un reset inicial en tu hoja de estilo tipo:

* {margin: 0; padding: 0;}

P.D.: no he mirado si eso tenía algo que ver con tu problema; sólo aclaraba el asunto de los márgenes por defecto de muchos selectores.

[Inluzion]

El problema de compatibilidad no es tanto el margen, sino el alto de la etiqueta h3.
Tenes que agrandar el line-height a un tamaño normal, yo lo veo de 2px eso no debería ser así, ya que no cubre el alto de lo que seria la palabra Buscar
y achicar el margen inferior.

Mnnn nose si estoy siendo explicativo, pero la idea es que el problema de incompatibilidad surge porque firefox toma realmente la medida del line-height:2px, mientras que ie no respeta eso, porque dentro el contenido es mas alto que eso.

[richicasas]

Por respuestas como esas es que mantengo metido aca .. jeje , siempre me ayudan... muchas gracias a los dos , las respuestas eran correctas, aunque no lo he solucionado en Internet, ya lo probe localmente y funciono a la mil maravillas. Gracias de nuevo.