title: Print CSS not working Correctly
body: <p>MVC3 RAZOR VB.Net App. In one of my views I am trying to create a printer friendly view using print.css . I have the following code for the view:</p>
  
  <pre><code>@ModelType IEnumerable(Of xxxxxxxxxxxxx.sponsor)
  &lt;link rel="stylesheet" type="text/css" media="print" href="print.css" /&gt;
  @Code
  ViewData("Title") = "Sponsors"
  End Code
  @Code
  
  
  Using (Html.BeginForm())
      @&lt;p&gt; 
      Search For: @Html.TextBox("SearchString")
      &lt;input type="submit" value="Filter" /&gt;
  
      &lt;/p&gt;
  
  
  End Using
  
  End Code
  
  &lt;p&gt;
  @Html.ActionLink("Create Sponsor", "CreateSponsor")
  &lt;/p&gt;
  &lt;table&gt;
  &lt;tr&gt;
      &lt;th&gt;
          Exhibitor or Sponsor
      &lt;/th&gt;
      &lt;th&gt;
          Sponsor Amount
      &lt;/th&gt;
      &lt;th&gt;
          Contact Person
      &lt;/th&gt;
     &lt;th&gt;
         Company/Organization
      &lt;/th&gt;
     &lt;th&gt;
         Phone
      &lt;/th&gt;
      &lt;th&gt;
         Email
      &lt;/th&gt;
      &lt;th&gt;
        Paid
      &lt;/th&gt;
  
  
      &lt;/tr&gt;
  
      @For Each item In Model
      Dim currentitem = item
      @&lt;tr&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.status)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.amount)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.Contact_Person)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.Company_Organization)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.Phone)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.Email)
      &lt;/td&gt;
      &lt;td&gt;
      @Html.DisplayFor(Function(modelItem) currentitem.Paid)
      &lt;/td&gt;
  
      &lt;td&gt;
      @Html.ActionLink("Edit", "EditSponsor", New With {.id = currentitem.id}) |
      @Html.ActionLink("Details", "DetailsSponsor", New With {.id = currentitem.id}) |
      @Html.ActionLink("Delete", "DeleteSponsor", New With {.id = currentitem.id}) |
      @Html.ActionLink("Pay with Credit Card", "Credit_Card_Sponsor", New With {.id = currentitem.id})
     &lt;/td&gt;
     &lt;/tr&gt;
  
      Next
      &lt;/table&gt;
  
      &lt;div id="sidebar3"&gt;
      &lt;p&gt;
  
  
        @Html.ActionLink("Back to List", "Index")
        &lt;/p&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Using the default Layout view. And the below is the print.css file</p>
  
  <pre><code>#header, #footer, #sidebar3, #Actions, #nav{
  display: none;
  }
  </code></pre>
  
  <p>Its like its not seeing the css at all when I right click in the browser and click print. The sidebar box, header image, and the menubar all show still... Any ideas????</p>