title: ASP.NET Flicker in IE
body: <p>I'm new into developping an asp.net website and when I navigate from page to page or just click on my own section menu, it's flickering in IE9 (didn't tested other IE version yet), but not in Firefox. I searched over the Internet and found this solution:</p>
  
  <pre><code>&lt;meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" /&gt;
  &lt;meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" /&gt;
  </code></pre>
  
  <p>But this is not working for me actually...</p>
  
  <p>Here's my site.Master page:</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="HomeSite.SiteMaster" %&gt;
  &lt;!doctype html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
      &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
          &lt;meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" /&gt;
          &lt;meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" /&gt;
          &lt;link type="text/css" rel="stylesheet" href="~/Styles/Site.css" /&gt;
          &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form runat="server"&gt;
  &lt;div class="page"&gt;
      &lt;div class="header"&gt;
          &lt;div class="loginDisplay"&gt;
              &lt;asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="False"&gt;
                  &lt;AnonymousTemplate&gt;
                      [ &lt;a href="http://www.flofab.com/partners.asp" ID="HeadLoginStatus" runat="server"&gt;Partner Login&lt;/a&gt; ]
                  &lt;/AnonymousTemplate&gt;
                  &lt;LoggedInTemplate&gt;
                      Welcome &lt;span class="bold"&gt;&lt;asp:LoginName ID="HeadLoginName" runat="server" 
                          meta:resourcekey="HeadLoginNameResource1" /&gt;&lt;/span&gt;!
                      [ &lt;asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" 
                          LogoutText="Log Out" LogoutPageUrl="~/" 
                          meta:resourcekey="HeadLoginStatusResource1"/&gt; ]
                  &lt;/LoggedInTemplate&gt;
              &lt;/asp:LoginView&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="menuContainer"&gt;
          &lt;div class="menuRight"&gt;
              &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                  EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
                  meta:resourcekey="NavigationMenuResource1"&gt;
                  &lt;Items&gt;
                      &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home" 
                          meta:resourcekey="MenuItemResource1"/&gt;
                      &lt;asp:MenuItem NavigateUrl="~/Literature.aspx" Text="Documents" 
                          meta:resourcekey="MenuItemResource2"/&gt;
                      &lt;asp:MenuItem NavigateUrl="~/Photos.aspx" Text="Photos &amp; videos" 
                          meta:resourcekey="MenuItemResource4"/&gt;
                      &lt;asp:MenuItem NavigateUrl="~/Download.aspx" Text="Download" 
                          meta:resourcekey="MenuItemResource5"/&gt;
                      &lt;asp:MenuItem NavigateUrl="~/About.aspx" Text="About" 
                          meta:resourcekey="MenuItemResource6"/&gt;
                  &lt;/Items&gt;
              &lt;/asp:Menu&gt;
          &lt;/div&gt;
          &lt;div class="menuLeft"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="subMenu"&gt;
          &lt;img src="Styles/images/Blue-Background.jpg" alt="" width="100%" height="150px" style="vertical-align: top;" /&gt;
          &lt;img src="Styles/images/Logo_Flofab.png" alt='' height='100px' style="position:absolute;z-index:2;top:5px;left:120px;" /&gt;
      &lt;/div&gt;
  
      &lt;div class="main"&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="footerContainer"&gt;
      &lt;div style='float:left;'&gt;Copyright © 2012 Flofab All rights reserved.&lt;/div&gt;
      &lt;div style='float:right;'&gt;
          &lt;a href='http://www.linkedin.com'&gt;
              &lt;img src="Styles/images/linkedin.png" alt='' style='border:0;' /&gt;
          &lt;/a&gt;
          &lt;a href='http://www.twitter.com'&gt;
              &lt;img src="Styles/images/twitter.png" alt='' style='border:0;' /&gt;
          &lt;/a&gt;
          &lt;a href='http://www.facebook.com'&gt;
              &lt;img src="Styles/images/facebook-icon.png" alt='' style='border:0;' /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now here's my Default.aspx</p>
  
  <pre><code>&lt;%@ Page Title="Flofab" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
  CodeBehind="Default.aspx.cs" Inherits="HomeSite._Default" %&gt;
  
  &lt;asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"&gt;
      &lt;div id='mainTitle' class='mainTitle' runat='server'&gt;
          Home
      &lt;/div&gt;
      &lt;div id='mainBody' class='mainBody'&gt;
          &lt;p&gt;
              Put text here... 
          &lt;br /&gt;
          This is some text to be sure it's placed over the FF logo. &lt;br /&gt; Is my text over it? I'm going to check now...
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>And my .css file</p>
  
  <pre><code>body   
  {
      /*background-color: #fff;*/
      width:100%;
      height:100%;
      margin: 0px;
      padding: 0px;
      color: #575757;
      font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
      background-image:url('images/Body-Background.jpg');
      background-repeat:repeat-x;
  }
  
  a:link, a:visited
  {
      color: #034af3;
  }
  
  a:hover
  {
      color: #1d60ff;
      text-decoration: none;
  }
  
  a:active
  {
      color: #034af3;
  }
  
  p
  {
      margin: 0 10px 10px 10px;
      line-height: 1.6em;
  }
  
  table
  {
      margin: 5px;
      border: 1px solid #4194E7;
      border-collapse:collapse;
      padding-left: 5px;
      padding-right: 5px;
  }
  
  table th
  {
      border-bottom: 1px solid #4194E7;
      background-image:url('images/Menu-Background.jpg');
      background-repeat:repeat-x;
      color:White;
      padding-right: 10px;
  }
  
  table td
  {
      border-bottom: 1px solid #4194E7;
      padding: 5px;
  }
  
  tr.row1
  {
      background-color: #B4D4FA;
  }
  
  tr.row2
  {
      background-color: #A0D4FA;
  }
  
  .page
  {
      width: 80%;
      min-width:600px;
      margin: 2px auto 0px auto;
  }
  
  .header
  {
      position: relative;
      margin: 0px;
      padding: 0px;
      width: 100%;
      min-height:50px;
  }
  
  .header h1
  {
      font-weight: 700;
      margin: 0px;
      padding: 0px 0px 0px 20px;
      color: #000;
      border: none;
      line-height: 2em;
      font-size: 2em;
  }
  
  .subMenu
  {
      margin-top: 35px;
      /*border: 1px solid gray;*/
      position: relative;
  }
  
  .main
  {
      margin-top: 5px;
      min-height: 420px;
      border-left: 1px solid #4194E7;
      border-right: 1px solid #4194E7;
      border-bottom: 1px solid #4194E7;
      background-color:#C8D4FA;
  }
  
  .mainTitle
  {
      padding: 5px 0px 2px 10px;
      /*border-bottom: 1px solid white;*/
      background-image:url('images/Menu-Background.jpg');
      background-repeat:repeat-x;
      font-size: 1.5em;
      font-variant: small-caps;
      font-weight: bold;
      color: #fff;
      min-height:25px;
  }
  
  .mainBody
  {
      background-image:url('images/LogoFF-Filigrane.png');
      background-repeat:no-repeat;
      min-height: 395px; /*.main height - .mainTitle height*/
      padding-top:5px;
  }
  
  .mainItems
  {
      padding-left: 10px;
      padding-right: 10px;
      margin-top:5px;
      border-bottom: 1px solid gray;
      /*background-color:#B8B8B8;*/
      font-size: 1em;
      font-variant: small-caps;
      text-transform: none;
      width: 120px;
  }
  
  .leftCol
  {
      padding: 6px 0px;
      margin: 12px 8px 8px 8px;
      width: 200px;
      min-height: 200px;
  }
  
  .footerContainer
  {
      color: #fff;
      padding-left: 2px;
      margin: 0px auto;
      text-align: center;
      line-height: normal;
      width: 80%;
  }
  
  .footerContainer a:link
  {
      text-decoration:none;
  }
  
  div.menuContainer
  {
      float:right;
      width:100%;
      background-image:url('images/Menu-Background.jpg');
      background-repeat:repeat-x;
      border-top:1px solid gray;
  }
  
  div.menuLeft
  {
      width:100%;
      color:#ff99dd;
      display:inline;
  }
  
  div.menuRight
  {
      color:#ff99dd;
      float:right;
      display:inline;
  }
  
  .menu
  {
      padding: 0;
      margin: 0;
      min-height: 30px;
  }
  
  div.menu ul
  {
      margin: 0;
      padding: 0;
      float:right;
  }
  
  div.menu ul li
  {
      display: block;
      float:left;
      background-image:url('images/Menu-Background.jpg');
      background-repeat:repeat-x;
      border-left:1px solid white;
  }
  
  div.menu ul li a
  {
      color: #fff;
      float: left;
      padding: 0.3em 1em 0.7em;
      text-decoration: none;
  
  }
  
  div.menu ul li a:hover
  {
      color: #000;
   }   
  
  div.menu ul li a:active
  {
      color: #777;
      text-decoration: none;
  }
  
  fieldset
  {
      margin: 1em 0px;
      padding: 1em;
      border: 1px solid #ccc;
  }
  
  fieldset p 
  {
      margin: 2px 12px 10px 10px;
  }
  
  fieldset.login label, fieldset.register label, fieldset.changePassword label
  {
      display: block;
  }
  
  fieldset label.inline 
  {
      display: inline;
  }
  
  legend 
  {
      font-size: 1.1em;
      font-weight: 600;
      padding: 2px 4px 8px 4px;
  }
  
  input.textEntry 
  {
      width: 320px;
      border: 1px solid #ccc;
  }
  
  input.passwordEntry 
  {
      width: 320px;
      border: 1px solid #ccc;
  }
  
  div.accountInfo
  {
      width: 42%;
  }
  
  .clear
  {
      clear: both;
  }
  
  .titleLogo
  {
      display: block;
      float: left;
      text-align: left;
      width: auto;
  }
  
  .loginDisplay
  {
      font-size: 1.1em;
      display: block;
      text-align: right;
      padding: 10px;
      color: #fff;
  }
  
  .loginDisplay a:link
  {
      color: #fff;
      text-decoration:none;
  }
  
  .loginDisplay a:visited
  {
      color: #fff;
  }
  
  .loginDisplay a:hover
  {
      color: #fff;
  }
  
  .failureNotification
  {
      font-size: 1.2em;
      color: Red;
  }
  
  .bold
  {
      font-weight: bold;
  }
  
  .submitButton
  {
      text-align: right;
      padding-right: 10px;
  }
  
  .floatLeft
  {
      float:left;
  }
  
  .floatRight
  {
      float:right;
  }
  
  .errorContent
  {
      color: Red;
      text-align: center;
      font-size: 1.2em;
  }
  </code></pre>
  
  <p>Any idea of what makes IE flicker?</p>