title: Working in Chrome, but not working in I.E. and Firefox. CSS/STYLE/HTML/PHP
body: <p>I can't figure out how to fix this annoying problem. Searched and tested a lot but nothing works. </p>
  
  <p>Well, I want everything to look like the first image Google Chrome. In I.E. the background is different, the header is not in the center. In Firefox the boxes are not set correctly. I want 2 boxes in every row.</p>
  
  <p>I don't know why this is happening.</p>
  
  <p>I don't get why I.E. is still on the web for download.. Terrible browser</p>
  
  <p>Can someone help me out?</p>
  
  <p>Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/a5Rwa.png" alt="enter image description here"></p>
  
  <p>Firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/EJYeV.png" alt="enter image description here"></p>
  
  <p>I.E.</p>
  
  <p><img src="https://i.stack.imgur.com/hXWa3.png" alt="enter image description here"></p>
  
  <p>Here you can see index.php</p>
  
  <p>HTML/PHP</p>
  
  
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" /&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;link rel="icon" href="./favicon.ico" type="image/x-icon" /&gt;
  &lt;link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /&gt;
  &lt;link href="includes/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;title&gt;-&lt;/title&gt;
  
  &lt;style type="text/css"&gt;
  /*&lt;![CDATA[*/
  #title{color:red; padding-bottom: 240px; padding-left: 25px;}
  #desc{color:blue; padding-bottom: 135px; padding-left: 5px;}
  /*]]&gt;*/
  &lt;/style&gt;
  
  &lt;style type="text/css"&gt;
  /*&lt;![CDATA[*/
   div.c1 {width: 953px}
  /*]]&gt;*/
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="header navpos c1" id="nav"&gt;
              &lt;table summary="header" border="0"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;ul&gt;
                              &lt;li class="home"&gt;&lt;a href="index.html"&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;ul&gt;
                              &lt;li class="about"&gt;&lt;a href="manage.html"&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;ul&gt;
                              &lt;li class="contact"&gt;&lt;a href="contact.html"&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;ul&gt;
                              &lt;li class="twitter"&gt;&lt;a href="index.html"&gt;&lt;img src="includes/images/f_logo.png" alt="** PLEASE DESCRIBE THIS IMAGE **" /&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;ul&gt;
                              &lt;li class="facebook"&gt;&lt;a href="index.html"&gt;&lt;img src="includes/images/t_logo.png" alt="link to Syndicate Plus Twitter" /&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
      &lt;/div&gt;
      &lt;div class="box c1"&gt;
          &lt;?php while($products = mysql_fetch_array($result)) {?&gt;
          &lt;table style="float: left;" width="473" align="left" background="includes/images/box.gif" width="473" height="285"&gt;
              &lt;tr&gt;
                  &lt;td width="35%" height="100%" id="title"&gt;&lt;?php echo $products['products'];?&gt;&lt;/td&gt;
                  &lt;td width="70%" height="100%" id="desc"&gt;&lt;?php echo $products['description'];?&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;?php
      }       
      ?&gt;
      &lt;/div&gt;
      &lt;div class="footer"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here you can see style.css
  CSS***</p>
  
  <pre><code>* {
  margin : 0;
  padding : 0;
  }
  html {
  background-image : url(images/web_bg.png);
  }
  body {
  width : 953px;
  margin : auto;
  }
  img {
  border : 0;
  }
  A:link {
  text-decoration : none;
  color : #0087dc;
  }
  A:visited {
  text-decoration : none;
  color : #0087dc;
  }
  A:hover {
  text-decoration : none;
  color : #0087dc;
  }
  a:active, a:focus {
  outline : 0;
  }
  a {
  outline : none;
  }
  .header {
  background-image : url(images/header_bg.png);
  width : 953px;
  margin : auto;
  }
  .footer {
  background-image : url(images/bot_new.png);
  min-height : 229px;
  max-height : 229px;
  position: relative;
  }
  #nav {
  float : left;
  }
  #nav li {
  float : left;
  list-style-type : none;
  }
  #nav .home a {
  margin-left : -20px;
  margin-top : 25px;
  display : block;
  background-image : url(images/header_home.png);
  background-repeat : no-repeat;
  width : 400px;
  height : 54px;
  }
  #nav .about a {
  margin-left : 300px;
  margin-top : 30px;
  display : block;
  background-image : url(images/header_about.png);
  background-repeat : no-repeat;
  width : 64px;
  height : 13px;
  }
  #nav .contact a {
  margin-left : 20px;
  margin-top : 30px;
  display : block;
  background-image : url(images/header_contact.png);
  background-repeat : no-repeat;
  width : 64px;
  height : 13px;
  }
  #nav .twitter a {
  margin-left : 40px;
  margin-top : 30px;
  display : block;
  background-image : url(images/t_logo.png);
  background-repeat : no-repeat;
  width : 26px;
  height : 26px;
  }
  #nav .facebook a {
  margin-left : 5px;
  margin-top : 30px;
  display : block;
  background-image : url(images/f_logo.png);
  background-repeat : no-repeat;
  width : 26px;
  height : 26px;
  }
  #nav .home a:hover {
  margin-left : -20px;
  margin-top : 25px;
  background : url(images/header_home_light.png);
  background-repeat : no-repeat;
  width : 400px;
  height : 54px;
  }
  #nav .about a:hover {
  margin-left : 300px;
  margin-top : 30px;
  background : url(images/header_about_light.png);
  background-repeat : no-repeat;
  width : 64px;
  height : 13px;
  }
  #nav .contact a:hover {
  margin-left : 20px;
  margin-top : 30px;
  background : url(images/header_contact_light.png);
  background-repeat : no-repeat;
  width : 64px;
  height : 13px;
  }
  </code></pre>