Posicionar no centro (Horizontal e Vertical) com css

vc vai ter que trabalhar não com px e sim com “em” ele é tipo o % mas tem outras vantagens comfira no site do maujor

http://www.guj.com.br/posts/list/122005.java#660149

veja o link q tem postado nesse tópico

Marques:

Colegas,

Com o css abaixo eu consigo centralizar um componente (desde que eu saiba o tamanho do mesmo, no caso 220px por 80px).
Como eu faço para centralizar componentes de vários tamanhos? (criar um css para cada dimensão seria inviável...)
OBS: Caso vc tenha a solução para centralizar apenas na horizontal, já me ajudaria d+.

Muito obrigado,

Marques

#imgpos {
position:absolute;
left:50%;
top:50%;
margin-left:-110px;
margin-top:-40px;
}

<script type="text/javascript">
        var largura = document.getElementById('imgpos').width;
        var altura = document.getElementById('imgpos').height;

        document.getElementById('imgpos').style.marginLeft = (largura / 2) + 'px';
        document.getElementById('imgpos').style.marginTop = (altura / 2) + 'px';
</script>

<style type="text/css">
    #imgpos {
        position: absolute;
        left: 50%;
        top: 50%;
    }
</style>

abraço