Depois de algumas reuniões e trocas com a agência de publicidade que está redesenhando o site da Câmara, o layout foi entregue e foi dado início ao desenvolvimeno do novo site (como citei no post anterior, a versão atual do site é a terceira, mas já estamos preparando a quarta, para o início do ano, eu espero).
E no novo layout, solicitamos algumas particularidades, que durante o desenvolvimento deste me preocupavam bastante. Havíamos pedido uma coluna na lateral direita, que ficava sobreposta ao menu do site. O que me preocupava era como resolver isso com css.
Após uma série de testes, lendo a respeito da propriedade position, vi um valor que nunca havia usado: relative. Lendo a respeito, descobre que esse valor faz com que o elemento fique posicionado em relação ao seu conteiner. Ou seja, para um elemento a nível de bloco que tiver seu position como relative, os valores de top e left serão baseados no seu elemento pai.
Para resolver o meu problema, bastou definir a propriedade position do div como relative, e definir valores NEGATIVOS para top e left, e definir o float como right. Com isso, div flutuou lindamente sobre o menu, aparentemente funcionando correto inclusive no IE. O resultado pode ser conferido aqui.
PS: Antes que alguém pergunte o porquê dos hacks no CSS e das cores diferentes dos fundos, isso foi devido à alguns testes que estive realizando durante o dia.
[Update]: Hoje (15/8), pela manhã recebi os novos arquivos de layout, que acabaram com os problemas de cores e diferenças de tamanho.
