title: image of search icon not visible inside search box
body: <p>I am not able to figure out why the image of search icon does not appear inside the search box when using the image after downloading but appears when directly using the link.Any suggestions?The image is this: <a href="http://www.paulund.co.uk/playground/demo/pretty_search_forms/images/search.png" rel="nofollow">http://www.paulund.co.uk/playground/demo/pretty_search_forms/images/search.png</a></p>
  
  <pre><code>&lt;div  class="bar navbar-inverse navbar-fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;div id="logo"&gt;  
              &lt;a href="main.php"&gt;XYZ&lt;/a&gt;
          &lt;/div&gt;
          &lt;div  class="col-xs-5 right-inner-addon has-feedback"&gt;
                 &lt;form class="form-inline" role="form"&gt;
                   &lt;div class="form-group has-feedback"&gt;
                   &lt;label class="control-label" for="inputSuccess4"&gt;&lt;/label&gt;
                   &lt;input type="text" class="form-control" id="inputSuccess4" placeholder="Search"&gt;     
                   &lt;/div&gt;
                 &lt;/form&gt;             
          &lt;/div&gt;
      &lt;/div&gt;   
  &lt;/div&gt;
  
  .right-inner-addon {
      padding-top: 8px;
      padding-left:30px;
  
  }
  .right-inner-addon input {
      height: 30px;
      padding: 0px 10px;
      background-image: url('images/search.png');
      background-position: 370px -10px;
  background-repeat: no-repeat;
  }
  
  .form-control{
      min-width: 400px; 
      max-width: 400px; 
      min-height: 29px;
      top: 7px;
      position: fixed;
  
  }
  </code></pre>