Hi ,

I am using jquery mogile 1.3.

i have to display the map in pop up. so i have written the code like..

 <div data-role="page" id="booknowpage" data-theme="a">

       <div data-role="header">

<div data-role="content" style="padding: 0 15px;">

<div data-role="popup" id="popupMap" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">

                    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>  

                    <iframe id="mapiframe" src="map.html?Lat=100&lng=200" width="480" height="500" seamless></iframe>  

              </div>

</div>

<div data-role="footer" data-position="fixed">

                <div data-role="navbar">

           <ul>

                       <li><a id="a_map"  data-rel="popup" data-position-to="window" data-role="button" data-theme="b" data-inline="true">Map</a></li>   

           </ul>

           </div><!-- /navbar -->

            </div>

            </div>

the above code is working correctly in browser...but when i deploy to blackberry z10 device it is showing 

differently...