title: jQuery Frozen DIv Header with Fade in Notification Bar
body: <p>I have a frozen div (frozen using css position: fixed; property) that is serving as a header for a web site. Right after the div (or under the div) is the body or rest of the webpage.</p>
  
  <p>A notification bar will fade in using</p>
  
  <pre><code> jQuery ($bar).fadeIn(6000).delay(4900).fadeOut();
  </code></pre>
  
  <p>This jQuery will run every 24 seconds by a Javascript <code>setInterval</code> function.</p>
  
  <p>My issue is that the content right under the frozen div is set to a padding-top: 36px to insure that the frozen div does not cover or display over the body. The issue will occur when the notification div is faded in. When this happens the height will change (technically) and the content of the header will hover over the body. How do I get the body to move down, or not be covered over?</p>