Alinhamento - Imagem e Texto para barra de status

[Neuromancer]

Olá, pessoal!

Sou um iniciante no fórum da mesma forma que inicio meus estudos em CSS. Estou desenvolvendo a view de uma aplicação web e, até agora, venho montando um layout fluido em CSS sem maiores contratempos, exceto por um bastante trivial: num rodapé que serve como status bar, há diversas strings de informações separadas por pequenas barras verticais. Meu problema é que o texto fica, por default, alinhado ao pé da imagem, quando deveria ficar centralizado.

No screenshot dá pra ver que a coisa é pequena, mas meu tópico aqui busca aprender mesmo, não resolver apenas esse problema :)

http://www.imagecross.com/01/image-hosting...=8288rodap-.JPG

Abaixo, segue o código das divs (um container de rodapé com duas divs, uma de cada lado)

<div id="container-foot"> 
  
<div id="footer1">A autenticação ocorreu com sucesso.<img  class="a" src="../images/Separador_cabecalho.jpg"></div>
<div id="footer2"><img  class="a" src="../images/Separador_cabecalho.jpg">emp.banco.prod<img class="a"  src="../images/Separador_cabecalho.jpg">127.0.0.1<img class="a" src="../images/Separador_cabecalho.jpg">v.0.1<img class="a" src="../images/Separador_cabecalho.jpg">BR</div>
  
</div>

E, agora, trechos do CSS que considero ser relevantes:

#container-foot {
  width: 100%;
  background: #CCC;
  position: absolute;
  bottom: 0 !important;
  /* bottom: -1px; /* Para o IE < v6 - não parece necessário para o IE7*/
  height: 28px;
  background: url("header_bar.png") repeat;  

}

#footer1, #footer2{
    margin-left: 7px;
    margin-top:6px;        
}

#footer1{
      float:left;
    margin-left:5px;
    text-align:top;
    margin-top:6px;
}

#footer2{
    float:right;
    margin-right:5px;
}

Mais a tagzinha que mudei pras imagens:

img.a{
    margin-right:10px;
    margin-left:10px;
}

Bom, espero ter consigo descrever bem meu problema. Se alguém souber me explicar uma forma de resolver isso, preferencialmente sem ficar as imagens (já que o posicionamento delas depende do tamanho das mensagens em texto) e tentando ficar puramente no CSS (imagino que tabelas resolveriam fácil), agradeço!

[]´s,

Editado Agosto 12, 2008 por Neuromancer

[Neuromancer]

Depois de horas sem conseguir arrumar isso, lanço o tópico e encontro a solução minutos depois :blush:

Vou postá-la aqui de qualquer forma, para ficar de referência à quem mais buscar:

na tag html (e somente na tag, por CSS, aparentemente, não funciona), deve-se adicionar o valor align="Absmiddle". A tag fica dessa forma, então:

<img src="../images/imagem.jpg" align="absmiddle">

No Firefox, é claro, funcionou perfeitamente. Porém ("ah, porém!"), no IE 7 a imagem simplesmente desapareceu.

Aguma idéia sobre como corrigir isso?

Editado Agosto 12, 2008 por Neuromancer