title: CSS font-size not working for h1 only in one block
body: <p>I've looked around for a solution for this but it must be something a tad odd isnce bith the CSS and html verify with the w3c checker.</p>
  
  <p>CSS Snippet:</p>
  
  <pre><code>body{
      background-color: #ffffff;
      color:#000000;
      text-align: left;
    height:100%;
  }
  
  h1{
    font-size: 250%;
    font-weight: normal;
    text-align: center;
  }
  h2{
    font-size:150%;
  }
  h1{
    font-size:120%;
  }
  #MainHeader{
    background-color:#efefef;
    background: url("http://www.wou.edu/images/spotlight/wounews.png") no-repeat;
    padding:15px 0px 15px 0px;
  }
  #MainContent{
    background: url("http://stuff.bodestone.net/jr/construction.gif");
    padding: 8px 8px 8px 8px;
    clear:both;
    background-color:#ff00ff;
    overflow:auto;
    height: auto;
  }
  #MenuBar{
    background-color:#dfdfff;
    float:left;
      padding: 15px 0px 15px 0px;
      overflow: auto;
    height: 100%;
  }
  #PageContent{
    float:left;
    background-color:#dedebe;
    overflow: auto;
      padding: 15px 15px 15px 15px;
    overflow: auto;
  }
  </code></pre>
  
  <p>And the HTML:</p>
  
  <pre><code>  &lt;body&gt;
      &lt;div id="MainHeader"&gt;
        &lt;h1&gt;A random template site to work some stuff out&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="MainContent" class="clearfix"&gt;
        &lt;div id="MenuBar"&gt;
          &lt;a href="index.html" class="here"&gt;Page 1&lt;/a&gt;&lt;br&gt;
          &lt;a href="page2.html"&gt;Page 2&lt;/a&gt;&lt;br&gt;
          &lt;a href="page3.html"&gt;Page 3&lt;/a&gt;&lt;br&gt;
        &lt;/div&gt;
        &lt;div id="PageContent"&gt;
          &lt;h2&gt;This is page 1&lt;/h2&gt;
          &lt;p&gt;lar&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="Footer" class="clearfix"&gt;
        &lt;span style="float:left"&gt;And here we have a footer.&lt;/span&gt;&lt;span style="float:right"&gt;Style info for left and right defined separately in the html.&lt;/span&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>If I change the font-weight of h1 it changes. If I change the font-size it does not.
  I can change weight and size of the h2 in the PageContent DIV.</p>
  
  <p>As an aside, I have used * before for global definitions at the start of the style sheet. Is this the same as root?</p>