Ciao a tutti sto avendo un problema, a dire il vero il problema me lo da solo Explorer gli altri browser visualizza bene, ho creato in css una tabella con 2 celle per metterci 2 campi unput vi posto il code:

codice HTML:
<style>
.search form { display: table; border-spacing: 0; border-collapse: collapse; }
.search form input { display: table-cell; height: 2.5em; vertical-align: middle; }
.search form input:first-child {
    height: 2.5em;
    background-color: #B1B1B1;
    color: #000;
    padding: 0 0.3125em;
    box-sizing: border-box;
    width: 12.5em;
    transition:  0.5s background-color; -webkit-transition:  0.5s background-color;
    -moz-transition:  0.5s background-color; -o-transition:  0.5s background-color;
    -ms-transition:  0.5s background-color;
    border-radius: 5px 0 0 5px;
}
.search form input:first-child:focus { background-color: #FFF; }
.search form input:last-child {
    height: 2.5em; width: 2.5em;
    background-color: #B32700;
    background-image: url(../images/icon/icon-search.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition:  0.5s background-color; -webkit-transition:  0.5s background-color;
    -moz-transition:  0.5s background-color; -o-transition:  0.5s background-color;
    -ms-transition:  0.5s background-color;
}
.search form input:last-child:hover { background-color: #FF3700; }
</style>
<body>
<div class="search">
    <form name="formSearch" method="post" action="cerca">
        <input type="text" name="search" placeholder="Cerca ...">
        <input id="btSearch" type="submit" value="">
    </form>
</div>
....

Il problema è che con Explorer non alline i 2 input ma il secondo input lo mette a capo in una seconda linea mentre tutti gli altri browser li visualizza bene.