title: layout issues with IE and FIrefox, CHrome works fine
body: <p>The layout is working fine only in Chrome. In IE and Firefox it does not work correctly and all seems to be aligned to the left and no outerwrapper is shown.</p>
  
  <p>I have added the HTML code as requested</p>
  
  <pre><code>/* CSS Document */
  
  /* Reset */
  
  body  {background-color:#6CF; }
  
  /* Headings */
  
  h1, h2, h3, h4, h5, h6 (font-weigth: bold;}
  
  h1  { font-size: 35px; color:blue }
  h2  { font-size: 25px; color:blue }
  h3  { font-size: 15px;  color: red;}
  
  
  /* Text Elements */
  
  a               {   }
  a.link          {   }
  a.visited       {   }
  a.active        {   }
  a.focus         {   }
  a.visited       {   }
  a.visited       {   }
  
  
  /* container */
  
  #outerwrapper  { width: 960px; margin:0px auto; background-color:white;   }
  
  #wrapper       { width: 900px; margin:0px auto; background-color:white;   }
  
  #logo       {  margin: auto; text-align: center;  }
  
  #navigation  {   text-align: center;  }
  #navigation ul li { display:inline;  }
  #navigation ul{ border-top: 1px #000 solid; border-bottom: 1px #000 solid; margin-bottom:20px; }
  #navigation ul a{padding: 25px;}
  
  #navigation a               { color: #33F;  }
  #navigation a.link          { color: #33F;  }
  #navigation a.visited       { color: #33F;  }
  #navigation a.active        { color: #33F;  }
  #navigation a.focus         { color: #33F;  }
  #navigation a.visited       { color: #33F;  }
  #navigation a.visited       { color: #33F;  }
  
  
  #banner     {margin-bottom: 30px;    }
  
  .content   { width: 900px; margin:auto; width: 900px; float:top; text-align:center }
  .content-main { width: 500px; margin:auto; font-weight:bold; font-size:20px; text-align:left}  
  
  #news  {width: 200px; float:right; padding:0px;}  
  
  
  .date {font-weight: bold;}
  
  .footer { clear:both; padding-top: 5px; padding-bottom: 5px;}
  .footer-text {text-align:center}
  
  #mainimages {margin-top: 20px; width: 700px; float: left;}
  
  
  aboutimages {margin-top: 20px; width: 700px; float: left;}
  
  .servicesimage {width: 200px; float:left; margin-top: 40px;  margin-left:20px;}
  
  .servicelistleft {width: 300px; float:right; margin-top: 40px; }
  
  .servicelistright {width: 300px; float:right; margin-top: 40px; margin-left:20px; }
  
  .centertable { width: 500px; margin:auto;
      margin-top: 30px;}
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id ="outerwrapper"&gt;
     &lt;div id="wrapper"&gt;
              &lt;div id="logo"&gt;
                  &lt;h1&gt;&lt;img src="images/logo.jpg" width="248" height="153" alt="Conti Computer Shop" /&gt;&lt;/h1&gt;
              &lt;/div&gt;
  
              &lt;div id="navigation"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="about.html"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="services.html"&gt;SERVICES&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="contact.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
              &lt;/div&gt;
               &lt;div id ="banner"&gt;
                  &lt;p&gt;&lt;img src="images/test.jpg" width="900" height="202"/&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class ="content"&gt;
              &lt;h1&gt;Your One Stop Shop for all Computer Needs !&lt;/h1&gt;
  
              &lt;p class = "content-main"&gt;Welcome to our new website where you can find more about us, what Services we offer and contact us for more information. Rest Assured that our priority will always be to provide an excellent service at a good price. Thank You.            &lt;/p&gt;
              &lt;/div&gt;
              &lt;div id = "news"&gt;
                &lt;h2&gt;Latest News&lt;/h2&gt;
                  &lt;p class="date"&gt;April 20, 2012&lt;/p&gt;
                  &lt;h3&gt;Acer Laptops now available&lt;/h3&gt;
                  &lt;p class="date"&gt;April 12, 2012&lt;/p&gt;
                  &lt;h3&gt;New Gadgets Just Arrived&lt;/h3&gt;
                  &lt;p class="date"&gt;April 05, 2012&lt;/p&gt;
                  &lt;h3&gt;New HP Computers in stock&lt;/h3&gt;
                  &lt;p class="date"&gt;April 02, 2012&lt;/p&gt;
                  &lt;h3&gt;Students discounts Launched&lt;/p&gt;
              &lt;/div&gt;
              &lt;div id="mainimages"&gt;
                      &lt;p&gt;
                      &lt;img src="images/sales.jpg" width="340" height="276" /&gt;
                      &lt;img src="images/service.jpg" width="340" height="276" /&gt;
                      &lt;/p&gt;
  
              &lt;/div&gt;
       &lt;div class ="footer"&gt;
              &lt;p class="footer-text"&gt; 2012 - Conti Design&lt;/p&gt;
              &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>