Jquery Mobile Popup Vertical Scroll Problem

Jquery Mobile Popup Vertical Scroll Problem

I have to create a popup div with some contents from database using ajax post.my popup is working properly,but when i am scrolling my popup div from bottom to top then the contents of the div goes outside on the top section.I have to test my application on  geny motion emulator(Android version Jelly Bean).It works latest versions.But not working on lowest versions like jelly bean.i am attaching my popup image here.






see the red mark above.And Also css property of top,left,right,bottom not working,when i am assign it through my css.My Coding Structure is given below.i have used jquery-1.11.2.min.js,jquery.mobile-1.4.5.min.js in my html page.My Coding Structure is given below.


In html section i have place my popup div section inside the div_about_section.

javascript section

inside the ajax post i have called following code

p_about.append(' Read More ');

currentPage.AboutPopUp = function(){

$('#popupAbout').css('overflow-y', 'scroll');
$('body').css("overflow","hidden");
$('#popupAbout').css("top","90px");

$('#popupAbout').popup('open');

};

css section

#div_about_section .read-more-btn
{

background:#fff;
text-align:right;
text-decoration: none;
color:#FE8080;
border:2px solid #FE8080;
padding:5px;
height: auto;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}

#popupAbout
{

background-color: #fff;
position: fixed;
display: inline-block;
overflow: visible;
margin: auto;
width:300px;
height: 400px;

}

#popupAbout .popupAboutHeader
{
text-align: center;

}