title: Header not full width - HTML/CSS
body: <p>My header of my webpage is a image. The only problem is that it is not the full width of the page it stretches to the end of the right side of the page but not the left. <strong>My question is how do I make it fit the whole page width?</strong> I have done some searching and haven't found anything. I have tried changing all the css elements with no luck.  Not sure why this is happening. </p>
  
  <p>Here is the css:</p>
  
  <pre><code>header{
     position: absoulute;
     top: 0;
     width: 100%;
     margin: 0;
     background: url(images/logo2.png) no-repeat;
     height:100px;
     left: 0px;
     margin-left: 0;   
  }
  </code></pre>
  
  <p>the html:</p>
  
  <pre><code>&lt;img src="Images/logo2.png" width="1459" height="372" /&gt;&lt;/a&gt;
  &lt;div id="header"&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So let me summarize my question one more time. I want the header image to be full width of the screen. </p>
  
  <p>you can see the whole page 
  <a href="https://dl.dropboxusercontent.com/u/10329732/csc110/index2.html" rel="nofollow noreferrer">here</a>.</p>