title: @media print css doesnot gives the desire output
body: <p>I have use the @media print and @media screen for print. For @media screen it works fine but for @media print it doesnot show the dotted table as screen.</p>
  
  <pre><code>   @media screen{
      body{
          font-family:"Courier New", Courier, monospace;  
          font-size:13px;
      }
      .f1{
          text-transform:uppercase;
          display:block;
          text-align:center;
      }
  
      .f2{
          text-transform:uppercase;
          display:block;
          margin-left:10px;
      }
  
      .border_bottom{
          border-bottom:2px dashed #000;
      }
      .border_top{
          border-top:2px dashed #000;
      }
  
      .body_table{
          border:1px dashed #CCCCCC;
          padding:.5em;
      }   
  }
  
     @media print {
              body {
                  font: 12pt georgia,serif;
              }
  
              h1 {
                  font-size: 18pt;
              }
  
      h2 {
          font-size: 15pt;
          color: #000;
      }
  
                   .border_bottom{
          border-bottom:2px dashed #000;
      }
      .border_top{
          border-top:2px dashed #000;
      }
  
      .body_table{
          border:1px dashed #CCCCCC;
          padding:.5em;
              }
          }
  </code></pre>
  
  <p>by these above code the @media screen works fine as i thought. i.e I can see the bill with the dotted border but while on printing part the dotted border is not working and not shown. The bill are on table and as I print the table is not seen too.</p>
  
  <p>My Html code</p>
  
  <pre><code>&lt;body &gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="divprint"&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td&gt;name&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Roll&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
      &lt;/div&gt;
          &lt;asp:button runat="server" ID="btn_prnt" OnClientClick="CallPrint('divprint')" Text="Print"  /&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Note: I am using Waterfox 18.0.1 browers.</p>