title: Why picture is not shown in Sinatra app when I add additional level of addressing?
body: <p>My Sinatra app has typical file hierarchy:
  root contains:</p>
  
  <p><em>file "hc.rb" 
  file "endpoints.yml"
  dir "views" 
  dir "public"</em></p>
  
  <p>"view" contains .erb files</p>
  
  <p>public dir contains:</p>
  
  <p><em>file "style.css" 
  dir "images"</em> </p>
  
  <p>in dir images I have favicon and 404 pictures.</p>
  
  <p>here is part of the code:</p>
  
  <p>not_found.erb</p>
  
  <pre><code>&lt;center&gt;&lt;img src="images/404.png" alt="404 Not Found"&gt;&lt;/center&gt;
  </code></pre>
  
  <p>hc.rb</p>
  
  <pre><code>not_found do
    erb :not_found
  end
  </code></pre>
  
  <p>layout.erb</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
   &lt;title&gt;&lt;/title&gt;
   &lt;link rel="icon" href="images/favicon.ico"/&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;link rel="stylesheet" href="styles.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;header&gt;
   &lt;/header&gt;
   &lt;section&gt;
      &lt;%= yield %&gt;
   &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I type localhost:[port]/smthnonexisting</p>
  
  <p>I get 404 image on the screen</p>
  
  <p>But when I type additional level</p>
  
  <p>localhost:[port]/smthnonexisting/andsmthmore</p>
  
  <p>I do not see the image and I see only 404 Not Found and broken image ico.</p>
  
  <p>What can be the reason?</p>
  
  <p>Thanks</p>