title: Wordpress Styling Not Carrying Over to Other Pages -- Why?
body: <p><em><strong>Have you ever styling a wordpress header, and then found that header to ignore your CSS styling on lower-level pages?</strong> Could really use your help debugging this annoying issue -- thank you in advance!!</em></p>
  
  <p>I'm creating a simple portfolio site for a friend here: <a href="http://sundryspirit.com/" rel="nofollow">http://sundryspirit.com/</a></p>
  
  <p>The homepage has a global header atop the page that should be present on every page of the site: </p>
  
  <pre><code>&lt;div id="header"&gt;
      &lt;div id="header-top"&gt;                   
          &lt;div id="logo"&gt;
              &lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;
              &lt;h1&gt;Sundry &amp;amp; Spirit&lt;/h1&gt;                
              &lt;h2&gt;Burning Man Apparel&lt;/h2&gt;
              &lt;/a&gt;            
          &lt;/div&gt;
  
          &lt;div id="mainNav"&gt;
              &lt;?php wp_nav_menu(); ?&gt; 
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I've thrown some basic styling on this header for now, in the style.css file:</p>
  
  <pre><code>#header {
  width: 100%;
  height: auto;
  background: #e1e1e1;
  opacity: 0.75;
  margin: 0 auto;
  max-width: 960px;
  }
  
  
  #header-top {   
  height: 50px;
  margin: 10px;
  position: relative;
  padding: 10px;
  text-align: center;
  }
  </code></pre>
  
  <p><strong>HERE'S THE ANNOYING ISSUE: The basic header styling is not carrying over onto other pages, like <a href="http://sundryspirit.com/gallery/" rel="nofollow">http://sundryspirit.com/gallery/</a></strong></p>
  
  <p>How can that be if the header it just coming from a header.php file?! Thanks for your help -- my inexperience here is just driving me nutty.</p>