title: Header moves off screen after PHP Steam Login
body: <p>I have installed a Steam API login system to my website. After successful login, I have a set redirection back to my home page. </p>
  
  <p>After this is successful, my CSS Header moves down off of the screen. I've tried moving images around etc, but seem to be unsuccessful.</p>
  
  <pre><code>#header nav li {
              -moz-animation: nav-icons 0.5s ease-in-out forwards;
              -webkit-animation: nav-icons 0.5s ease-in-out forwards;
              -o-animation: nav-icons 0.5s ease-in-out forwards;
              -ms-animation: nav-icons 0.5s ease-in-out forwards;
              animation: nav-icons 0.5s ease-in-out forwards;
              -moz-backface-visibility: hidden;
              -webkit-backface-visibility: hidden;
              -o-backface-visibility: hidden;
              -ms-backface-visibility: hidden;
              backface-visibility: hidden;
              -moz-transform: translate3d(0,0,0);
              -webkit-transform: translate3d(0,0,0);
              -o-transform: translate3d(0,0,0);
              -ms-transform: translate3d(0,0,0);
              transform: translate3d(0,0,0);
              display: inline-block;
              height: 5.35em;
              line-height: 5.885em;
              opacity: 0;
              position: relative;
              top: 0;
              width: 5.35em;
  </code></pre>
  
  <p>Site is: <a href="http://csgoedge.com/" rel="nofollow">http://csgoedge.com/</a></p>
  
  <pre><code>// We use POST to logout so people can't embed images to the logout function and annoy people.
  echo "&lt;form method=\"POST\"&gt;&lt;input type=\"image\" src=\"images/logout.png\" id=\"logout\" name=\"logout\" value=\"Logout\" /&gt;&lt;/form&gt;";
  
  }else{
  
  // Display login button
  echo "&lt;a href=\"" . $auth-&gt;GetLoginURL() . "\"&gt;&lt;img src=\"SteamAuth/assets/sits_large_noborder.png\" id=\"login\" alt=\"Sign in through Steam\" /&gt;&lt;/a&gt;";
  }
  </code></pre>