Nao cheguei a ver o site antigo, mas ta indo bem para o seu primeiro em xHTML e CSS sem nada de editores visuais.
A respeito do logo com fundo azul claro no IE, isso é um assunto um tanto problematico. Trata-se da renderizacao do PNG com transparencia no navegador da M$.
Unica coisa que tenho a falar, é pra fazer esse menu horizontal do topo em lista ao inves da tag <img>. No momento esta assim:
<img src="imagens/menu/principal.png" alt="Principal" longdesc="index.html" border="0" height="29" width="70"></a>
<a href="sobre.html"><img src="imagens/menu/sobre.png" alt="Sobre" longdesc="sobre.html" border="0" height="29" width="70"></a>
<a href="adotar.html"><img src="imagens/menu/adotar.png" alt="Adotar" longdesc="adotar.html" border="0" height="29" width="70"></a>
<a href="ap.html"><img src="imagens/menu/achei.png" alt="Achei" longdesc="fap.html" border="0" height="29" width="70"></a>
<a href="ap.html"><img src="imagens/menu/perdi.png" alt="Perdi" longdesc="fap.html" border="0" height="29" width="70"></a>
<a href="/blog"><img src="imagens/menu/blog.png" alt="Blog" longdesc="blog.html" border="0" height="29" width="70"></a>
<a href="parceiros.html"><img src="imagens/menu/parceiros.png" alt="Parceiros" longdesc="parceiros.html" border="0" height="29" width="70"></a>
<a href="contato.html"><img src="imagens/menu/contato.png" alt="Contato" longdesc="contato.html" border="0" height="29" width="70"></a>
<a href="denuncia.html"><img src="imagens/menu/denuncia.png" alt="Denúncia" longdesc="denuncia.html" border="0" height="29" width="70"></a>
<a href="conta/conta.html"><img src="imagens/menu/despesas.png" alt="Despesas" longdesc="despesas.html" border="0" height="29" width="71"></a>
<img src="imagens/menu/pata.png" height="29" width="48">
Nada semantico ne?
Um menu em lista, basicamente:
<ul>
<li><a href="" title="">Principal</a></li>
<li><a href="" title="">Sobre</a></li>
<li><a href="" title="">Adotar</a></li>
<li><a href="" title="">Achei</a></li>
<li><a href="" title="">Perdi</a></li>
<li><a href="" title="">Blog</a></li>
<li><a href="" title="">Parceiros</a></li>
<li><a href="" title="">Contato</a></li>
</ul>
Pra deixar horizontal, por exemplo se ficou na div #botoes, basta declarar:
#botoes ul li { display:inline; }
Veja mais:
http://maujor.com/tutorial/barNavCSS.phpE nesse topico do
iDone Foruns, eu fiz um exemplo. Veja:
http://forum.idone.com.br/index.php?showtopic=452A respeito da tag <br>, no XHTML, o correto é <br />. Mas claro que usar 4, 5 <br />'s seguidos nao cai bem. Nesses casos, pode-se usar um margin, padding, no <p>,<div>,<strong> e diversas tags.
Abraço e qualquer coisa é so chamar.