Tengo maquetados unos divs, en internet explorer el div que contiene la barre de herramientas se muestra del tamaño adecuado de cuerdo al alto de la imagen que pongo de fondo, pero al probarlo en Firefox, Safari, OPera y Chrome el alto es menor, que me sugieren, aqui esta el codigo:
<div id="toolBar" class="vista_toolbar" style="width:100%;height:24px;">
<ul>
<li><a href="#"><span><img class="vista_img" align="left" src="img/add.gif"
alt="add new" />Add New</span></a></li>
<li><a href="#"><span><img align="left" src=
"img/mail.gif" alt="check mail" />Check
Mail</span></a></li>
<li><a href="#"><span><img align="left" src=
"img/chart.gif" alt=
"statistic" />Statistic</span></a></li>
<li><a href="#"><span><img align="left" src=
"img/mona.gif" alt="my pictures" />My
Pictures</span></a></li>
<li><a class="right" href="#"><span><img align="left" src=
"img/sos.gif" alt="help" />Help</span></a></li>
</ul>
</div>