title: CSS not working for span tag hover, which is inside button tag in Firefox and Internet Explorer
body: <p>CSS not working for span tag hover, which is inside button tag in Firefox and Internet Explorer</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;style&gt;
  span:hover{
    color:red;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;button type="button"&gt;Click Me!&lt;span&gt;Hello world&lt;/span&gt;&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>