title: Image on Mobile won't display
body: <p>I've built a website for a friend and it works great on computer browsers, but on mobile it doesn't display for ONE image (The other images work fine).. This is at least on the iPhone browser and Samsung Galaxy 4 browser. On a Nokia phone the image displays fine.</p>
  
  <p>I actually built this website on top of another designers work, but as far as I can tell there is no specific javascript embedded anywhere for mobile browsers.</p>
  
  <p>The following HTML and CSS correspond to the image that doesn't show:</p>
  
  <pre><code>&lt;div id="main-content-left-container"&gt;
          &lt;ul id="left-bullets"&gt;
              #Some bullets
      &lt;/ul&gt;
      &lt;img id="ups-map" src="./images/ups-map.jpg"&gt;  #Problem here
  &lt;/div&gt;
  
  
  #ups-map {
    display: block;
    margin: 20px auto;
    height: 200px;
    width: 280px;
  }
  
  #ups-map:hover {
        height: 300px;
        width: 400px;
  }
  
  img {
    max-width: 100%;
    height: auto;
    width: auto\9;
  }
  </code></pre>
  
  <p>Does anyone have any ideas as to what this could be caused by?</p>