Cita:
Iniciado por carolina3 
pero a la hora de visualizarlo en la web una vez colocada en un servidor este se me ve desplazado y se sobrepone en el contenido. que tengo que decirle a este para que se este quietecito ... no se por que no se queda fijo
Cuando das position:absolute; a una caja, las cotas de esta, es decir, las propiedades top/right/bottom/left dependerán de su ancestro relativo inmediato y de no existir dependerán de body.
Por tanto, debes chequear que la caja contenedora de #apDiv1 tenga declarado position:relative; si lo haces notarás que al cambiar la resolución la caja #apDiv1 "quedará quietecita" ya que dependerá de una caja padre cuyo width es constante. En caso contrario (si dependiera de body) lógicamente se moverá ya que el width de body es variable, dependiente de la resolución de pantalla del usuario.
El css que muestras es correcto, el problema lo tienes con el padre de esa caja o con los demás elementos con los cuales se relaciona, elementos que desconocemos y que, para que podamos verlos, necesitas compartir tu html/css.
Saludos.