title: @media print doesn't override main style
body: <p>In my page I have a left sidebar and a container, container has a margin-left because the sidebar is absolute positioned.</p>
  
  <p>Now for printing I hide the sidebar and restore the margin-left of the container, but the margin is not restored.</p>
  
  <p>These are the styles for my container and sidebar:</p>
  
  <pre><code>#sidebar {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 200px;
  }
  #container {
      margin-left: 200px;
      padding: 20px;
      transition: margin-left .5s;
  }
  
  @media print {
      #sidebar { display: none;}
      #container {
          margin-left: 0px !important;
          padding: 0px !important;
      }
  }
  </code></pre>
  
  <p>I'm using Chrome 40.</p>