title: Css Focus on input div appearing
body: <p>I have such a code :</p>
  
  <pre><code>&lt;div class="lighter"&gt;
    &lt;form method="get" action="http://www.google.pl" id="search"&gt;
      &lt;span&gt;
        &lt;input id="button_search" type="image" src="images/search.png" id="button_search"/&gt;
      &lt;/span&gt;
      &lt;span&gt;
        &lt;input type="text" class="search rounded" placeholder="Search..."&gt;
      &lt;/span&gt;
      &lt;div class= "list_search"&gt;
        &lt;ul&gt;
          &lt;li class="search_link"&gt;&lt;a href=""&gt;Search all of Movies&lt;/a&gt;&lt;/li&gt;
          &lt;li class="search_link"&gt;&lt;a href=""&gt;Advanced Search&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is it possible simply using css to have an effect that when input type="text" is on focus
  list_search will appear?
  If yes, how?</p>
  
  <p>Thanks a lot for help</p>