title: Float:Left is not removed with media query
body: <p>I am using Float in my CSS, but I want to cancel it if the user is on a small screen.
  My CSS with media query works fine, except that the "float:left" property is still applied, even after stating that it should not be used:</p>
  
  <pre><code>/* floating some buttons */
  #n2, #n3 {
    float:right;
  }
  
  /* but this is not removing the float: */
  @media only screen and (min-width : 150px) and (max-width : 780px) {
    #n2, #n3 {
      clear: both !important;
    }
  }
  </code></pre>
  
  <p>How can I apply "float" only in certain circumstances?</p>