Alineacion de objetos en IE7, el archienemigo!

Heiroon · #1 (**permalink**) 17/03/2011, 10:59

buenas colegas... tengo rato con esto y no entiendo porque no puedo alinear una imagen y un input dentro de un div...

alguna idea de porque no se alinean estos dos objetos??

Ayuda por favor.. y gracias por anticipado!

este es mi HTML:

Código HTML:

Ver original<body bgcolor="#000000">
 
<div id="contenedor_master">
    <div id="contenedor_header">
        
        <div class="btn_home"></div>
        
        <div id="header_gray">
        
        <div class="buscador_container">
        <img src="img_comunes/ico_buscar.png"/>
            <div class="search">
                <input type="text"/>
                <div class="btn_search"></div>
                </div>
            </div>
        </div>
        
        <div class="blackBar"></div>
        
        <div class="botonera"></div>
        
    </div>
    
</div>
 
</body>

y el css que tengo por ahora...

Código CSS:

Ver original/********************************** HEADER *******************************************/
#header_gray {
    margin:0px auto;
    width: 940px;
    height: 102px;
    position:relative;
    z-index:3;
    background:url(../img_comunes/bg_silver_head.png) no-repeat left;
}
.blackBar{
    width:940px;
    height:29px;
    margin:0px auto;
    position:relative;
    z-index:2;
    background:url(../img_comunes/bg_black_bar.jpg) repeat-x left;
    bottom:102px;
}
.btn_home {
    background:url(../img_comunes/btn_home.png) no-repeat;
    height:29px;
    width:79px;
    right:170px;
    position:absolute;
    z-index:4;
    cursor:pointer;
}
 
.botonera {
    height:47px;
    width:940px;
    margin:0px auto;
    background:url(../img_comunes/bg_botonera.jpg) repeat-x left;
    position:relative;
    z-index:2;
    bottom:65px;
}
 
.buscador_container {
    width:295px;
    height:28px;
    display:inline;
    left: 608px;
    position: relative;
    top:34px;
}
.buscador_container img {
    margin:0px -3px 0px 0px;
}
.search {
    position:relative;
    z-index:2;
    background:url(../img_comunes/bg_search.png) repeat-x left;
    height:28px;
    width:239px;
    display:inline-block;
}
.btn_search {
    margin:4px 4px 3px 4px;
    z-index:2;
    cursor:pointer;
    background:url(../img_comunes/ico_search.png) no-repeat;
    width:21px;
    height:21px;
    display:inline-block;
}
 
/* --------------------------------------HOME-------------------------------------------------------------------------------- */
 
.search input {
    width:202px;
    height:22px;
    border:none;
    margin:3px 0 3px 4px;
    display:inline-block;
    background:none;
}