title: Div display:initial not working as intended in ie10 and chrome 29
body: <p>I want to display a div with the following restrictions:</p>
  <ul>
  <li>automatically hide under 1024px width</li>
  <li>can be toggle by button under 1024px width, but if I click somwhere (not inside the div) the <code>activeDiv</code> class should be removed</li>
  </ul>
  <p>I have a dummy example at <a href="http://codepen.io/rpety/pen/Imbyw" rel="noreferrer">codepen</a></p>
  <p>So the following problems occured:</p>
  <ul>
  <li>In IE10 the toggle button just not work (not hide/show the div) I check with the developer tools, but no sign of the <code>display: initial</code></li>
  <li>In Chrome 29 the div appeard next the button not under it. (Firefox is the same)<br />
  I know that the default <code>display</code> for div is <code>block</code>, but this css is not only for <code>div</code> tags that's why I try to use <code>initial</code>.</li>
  </ul>