el tutorial de Dreamweaver

Así deberíamos declarar la posición utilizando un par de propiedades top/bottom y left/right.Un ejemplo podría ser este:#capa_flotante {position: absolute;top: 100px;left: 300px;width: 30px;height: 125px;}Esta declaración de estilos es muy habitual en las capas. Se posiciona absolutamente el objeto yluego se le da un ancho y un alto.El valor relative también nos permite mover el elemento. Este, en principio, ocupa su lugar en elflujo normal de la página y utilizaremos las propiedadeas top/bottom y left/right para desplazarlotomando como referencia ese lugar y no los bordes de la página.Por ejemplo:p.especial {position: relative;top: 20px;}Esta regla hará que los párrafos marcados con la clase especial se desplacen 20 píxeles haciaabajo de su positión normal en el flujo de la página.Piensa que lo que estamos diciendo en la definición de la regla es que va a haber una desfase de20 píxeles desde la parte superior de donde se encontraba en un principio, por lo que elelemento se verá desplazado hacia abajo.Finalmente encontramos el valor fixed. Este valor, desgraciadamente, no funciona en algunasversiones de Internet Explorer por lo que no te será de mucho uso aunque sea una muy buenaregla de estilo.Asignándole este valor a la propiedad position podemos hacer que un elemento se quede fijo enla ventana aunque se muevan las barras de desplazamiento. Un comportamiento muy útil para losmenús o algunos gráficos que queramos que permanezcan siempre a la vista.También acepta los pares top/bottom y left/right para definir la posición en la que se mostará fijo.