title: css transitions with print styles
body: <pre><code>/* Content */
  #content {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin-top:0;
    float:left;
    display:block !important;
    width:100%;
    margin-left:0 !important;
    padding-top:70px;
    padding-left:205px;
    transition: padding 0.25s ease;
    -moz-transition: padding 0.25s ease;
    -webkit-transition: padding 0.25s ease;
  }
  
  @media print {
  
     #content {
       margin: 0 !important;
       padding: 0 !important;
    }
  }
  </code></pre>
  
  <p>If I remove the transition the stylesheet works as expected, otherwise when printing I have about 70px gap at the top.</p>
  
  <p>It appears that the padding property is not applied in the @print style because of the transition. If I remove the css transition, the print styles get applied. Why is this happening so?</p>