title: how to fit an image in footer
body: <p>i want to put an image in footer (jquery mobile),
  how to make that image fit to width of footer (different width of smartphone)</p>
  
  <p>Here is my code :</p>
  
  <pre><code>&lt;div data-role="footer" data-position="fixed"&gt;
   &lt;div class="adsspace"&gt;&lt;img id="myads" src="ads.gif"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my css example </p>
  
  <pre><code>@media only screen and (max-device-width:767px){
      .adsspace{
              width:767px;
              height:50px;
              }
      .adsspace div, .adsspace img {
              position:relative;
              max-width: 767px;
              max-height: 50px;
              }
  }
  </code></pre>
  
  <p>my ads.gif has width and height : 1200 * 180 px</p>
  
  <p>thank you </p>