the image does not extend from one edge of phone to another but has space 20px between edge-image side

the image does not extend from one edge of phone to another but has space 20px between edge-image side


considering having css the image does not extend from one edge of phone to another but has space 20px between edge-image side, how avoid this space?
#wrapper {
background-image: url(../images/Polis/D1000134_beach.jpg);
background-size: contain;
width: 100%;
background-repeat:no-repeat;

}

  2. <div data-role="content"><div id="wrapper" style="width:100%; height:207px; margin-bottom:10px"></div>
  3. <ul data-role="listview">
  4. <li><a href="#page2">Shops&amp;Services</a></li>
  5.             <li><a href="#page3">Attractions</a></li>
  6. <li><a href="#page4">Search - Polis</a></li>
  7. <li><a href="#page5">Hotel Deals</a></li>
  8. <li><a href="#page6">Events - Polis</a></li>
  9. <li><a href="#page7">Weather&amp;Maps</a></li>
  10. <li><a href="#page8">About - Polis</a></li>
  11. <li><a href="#page9">Further Resources</a></li>
  12. <li><a href="#page10">FAQ - Feedback</a></li>
  13. </ul>
  14. </div>