Possuo um site onde uso dois cabeçalhos para mostrar minhas opções para o usuário, mas me deparei com um problema, preciso colocar o logo da empresa e não estou conseguindo fazer, preciso que a logo fique em um tamanho proporcional ao cabeçalho, se coloco no primeiro ou no segundo a logo fica pequena.
Tentei criar uma estrutura, mas meus conhecimentos de CSS não ajudaram muito, tentei algo como isso:
<style>
.Geral {
height:120px;
}
#logo {
float: left;
width: 220px;
height: 120px;
cursor: pointer;
cursor: hand;
background-image:url(images/anc.fw.png);
background-repeat: no-repeat;
}
#superior {
float: left;
width: 1005px;
height: 60px;
}
#inferior {
float: left;
width: 1005px;
height: 60px;
}
</style>
Falando pode ser que eu não consiga exemplificar o que preciso, por isso vou disponibilizar uma imagem.
O site é este e o que tentei fazer foi isto: