title: Indpu with width:100% inside a div with position relative and width 40px has 100px
body: <p>The main idea is kind of like this I have a div with position relative and set width (40px) and an input with <code>width:100%</code>. The problem is that instead of 40px with on input its width is 100px.</p>
  
  <p>As you can see in the last image the input appears to be unfinished.</p>
  
  <p>I can't figure it why so here are some prints with the structure:
  <img src="https://i.stack.imgur.com/POg6M.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/m2e7j.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/Ivnxr.png" alt="enter image description here"></p>