position absolute/relative

Jeg har et "skjult" boks, der vises med følgende egenskaber:

.popup {
    left: 10px;
    border: 1px solid #919B9C;
    width: 160px;
    height: 350px;
    position: absolute;
    background-color: #D6A41C;
    display: none;
}

Boksen blivet altså vist øverst i venstre side, når det "kaldes".
Men hvordan bliver placeringen RELATIV? Mit problem opstår, når jeg scroller ned på siden, og så kalder boksen. Så hopper siden op til starten..... hvor boksen så vises øverst i venstre side.

Jeg har prøvet med posistion: relative, men det virkede ikke. Ej heller virker det at fjerne position-egenskaben.