Problem med billede oven på billede og overflow:auto

Jeg har et problem med et billede jeg placere oven på et andet billede på følgende måde:


#outer
{
    background-image:url("../images/baggrund3_.jpg");
    background-repeat:no-repeat;
   
}

#wrapper
{
    width: 580px;
    height:350px;
    overflow:auto;
    padding-left: 10px;
}
   
.reference_wrapper
{
}

.refOverskrift
{
    padding:3px 0 0 0;
}

.refOverskrift_plus
{
    float:left;
    cursor:pointer;
}

.zoom_img
{
    top: 10px;
    left:5px;
    position:absolute;   
}

.extraOpl
{
    position:relative;
    padding: 5px 0 0 30px;
    margin-bottom: 10px;
    display:none;   
}

.refBillede
{
    float:left;   
}

.refbesk
{
    padding-left: 10px;
    float:left;   
}

    <div id="outer">
    <div id="wrapper">
       
            <div style="clear:left" >
                <div class="refOverskrift_plus"><img src="images/plus.gif" id="billede_65" style="width: 19px; height: 20px" onclick="skift('65')" alt="Tryk for at se mere info" /></div>
                <div class="refOverskrift" >Lene</div>
               
                <div style="position:relative" id="extra_65" class="extraOpl">
                    <div >
                    <img id="reference_repeater_ctl00_billede" class="refBillede" src="thumb/65_P4030006.JPG" style="border-width:0px;" />
                    </div>
                    <div class="zoom_img" ><img id="reference_repeater_ctl00_zoom" onclick="popup_center('65_P4030006.JPG')" src="images/zoom.gif" alt="zoom" style="border-width:0px;width:52px; height: 17px" /></div>
                    <div class="refbesk">
                                      <div>test</div>
                                </div>               
            </div>
    </div>
    </div>

Problemet er at når jeg scoller scroller det billede der er sat til position: absoulut ikke med.