ajuda a por caixa de tradução a flutuar

[alexmestre]

Olá a todos.

Eu estou a montar um site e queria por o rectangulo como está na imagem a flutuar... a subir e a descer  como certos contadores de pessoas online.

http://img526.imageshack.us/img526/1641/semttulosje.png    ---- é o link da imagem que tenho do site com o rectangulo

alguem sabe como posso fazer?

estilo do rectangulo

<div style="
width:30px;
height:100px;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
border:2px solid #009;
background:rgba(124,227,73,0.5);
-webkit-box-shadow: #B3B3B3 4px 4px 4px;
-moz-box-shadow: #B3B3B3 4px 4px 4px;
box-shadow: #B3B3B3 4px 4px 4px;">

Antes de mais obrigado =S

[brunoais]

CSS:

position:fixed

Já agora:

Evita inline CSS. Usa ficheiros externos com CSS ou mete o CSS no head

[alexmestre]

já fiz e resultou  😉

Agora como faço para ficar ao centro da pagina?

[brunoais]

usa margin-left e margin-right: com o valor auto

[alexmestre]

ja fiz =D

o problema agora é passar da esquerda para a parte direita da pagina?

[brunoais]

Não percebi

[alexmestre]

Na imagem o rectangulo esta do lado esquerdo, e eu queria o por no lado direito

http://img692.imageshack.us/img692/9203/semttuloasx.jpg --- como na imagem

[brunoais]

http://reference.sitepoint.com/css/float