all'inizio ti avevano suggerito il display:table e display:table-cell.
Con questi non hai bisogno di javascript:

codice:
<style type="text/css">
<!--
#wrapper {
    display:table;
    width:100%;
}
         
#content {
    display:table-row;
}
         
#bi, #ci, #di {
    display:table-cell;
    vertical-align:middle;
    height:500px; /* inserito solo per visualizzare meglio l'esempio */
}
         
#bi, #di {
    width:20%;
    background-color:#0066FF
}
         
#ci {
    width:60%;
     background-color:#339933
}
-->
</style></head>

<body>
    <div id="wrapper">
        <div id="content">
            <div id="bi">
                contenuto bi
            </div>
            <div id="ci">
                contenuto ci
            </div>
            <div id="di">
                contenuto di
            </div>
        </div>
    </div>
</body>
</html>
dove l'allineamento verticale non deve essere centrato inserirai un vertical-align:top.
L'altezza delle celle si adatterà al contenuto più "alto" e l'immagine o il testo più "basso" saranno centrati