css - Div position issue in Safari -

i have div class"selection-detail-container" , displaying pop window.

css on div

.selection-detail-container {     display: none;     position: absolute;     top: 30%;     left:10%;     z-index: 100;     width: 65%;     background-color:#003768;     border:1px solid #003768;     padding-bottom: 20px;     margin-bottom: -20px;  } 

now div opening in browsers except safari. on ipad air, on safari, when scroll away first page of content , click on piece of tagged data, window(div) opens off screen/back @ top of content/browser window. in order see it, have scroll top of document. not issue on desktop environments.

please help.