title: show div while input is selected using css without javascript
body: <p>My question is if anyway when I start to write in the input, not disappear if i slide my mouse out of the ".box" div. </p>
  
  <p>Wonder if any selector or possible way to do without any Javascript.</p>
  
  <p>Here is the example:</p>
  
  <p><a href="http://jsfiddle.net/vzRqY/" rel="nofollow noreferrer">http://jsfiddle.net/vzRqY/</a></p>
  
  <pre><code>&lt;div class="box"&gt;
      &lt;div class="overlay"&gt;&lt;input/&gt;&lt;/div&gt;
  LOREM IPSUM LOREM IPSUM &lt;br/&gt;
  LOREM IPSUM LOREM IPSUM LOREM IPSUM
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>