title: Page layout issues with PHP , HTML, and CSS
body: <p>For some reason my CSS is not formatting my div tags into the correct spots on the page. It works on all my other pages but this one has a lot more PHP in it than normal and I am wondering if that is the problem.
  Page</p>
  
  <pre><code>&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 content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
  &lt;title&gt;Untitled 1&lt;/title&gt;
  &lt;link href="stylesheet.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;?php
      require("protect/serverInfo.php");
      $myusername=$_POST[Email]; 
      $mypassword=$_POST[Password];
      $result = mysql_query("SELECT * FROM Customers WHERE Email='$myusername' AND Password=$mypassword");
      $count=mysql_num_rows($result);
      if($count==1){
          while($row = mysql_fetch_array($result)){
          ?&gt;
          &lt;div class="wrapper"&gt;
              &lt;div class="customerHead"&gt;';
                  &lt;h1&gt;  
                      &lt;?php echo $row['Customer'] ?&gt; 
                  &lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="customerInfoMain"&gt;
                   Company: &lt;?php echo $row['Company'] ?&gt;&lt;br /&gt;
                    State: &lt;?php echo $row['State'] ?&gt;
              &lt;/div&gt;  
              &lt;div class="customerCards"&gt;';
                   &lt;a href ="something/&lt;?php echo $row['imagePathFront'] ?&gt;" target="_blank"&gt;&lt;img src="&lt;?php echo $row['imagePathFront'] ?&gt;" width="400px" height="303px" align="center" alt="" /&gt;&lt;/a&gt;
                   &lt;a href ="something/&lt;?php echo $row['imagePathBack'] ?&gt;" target="_blank"&gt;&lt;img src="&lt;?php echo $row['imagePathBack'] ?&gt;" width="400px" height="303px" align="center" alt="" /&gt;&lt;/a&gt;
              &lt;/div&gt;  
              &lt;div class="customerComments"&gt;';
                  &lt;h5&gt;Changes Made:&lt;/h5&gt;&lt;br /&gt; &lt;?php echo $row['Comments'] ?&gt; 
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;?php   
          }
      }
      else {
          echo "Wrong Username or Password";
      }
  ?&gt;
  
  &lt;/body&gt;
  
  &lt;/html
  </code></pre>
  
  <p>></p>
  
  <p>CSS</p>
  
  <pre><code>.customerCards{
      top: 150px;
      position: relative;
      width: 425px;
      border: 3px;
      border-style:solid;
      border-color: black;
      background-color: silver;
      z-index:1;
  }
  .customerInfoMain{
      top: 200px;
      position: relative;
      width: 200px;
      left: 520px;
      border: 3px;
      border-style:solid;
      border-color: black;
      background-color: silver;
      z-index:2;
  }
  .customerComments{
      position: relative;
      width: 200px;
      left: 580px;
      border: 3px;
      border-style:solid;
      border-color: black;
      background-color: silver;
      z-index:2;
  }
  
  .wrapper{
      position: absolute;
      left: 50%;
      width: 900px;
      margin-left: -475px;
  }
  </code></pre>
  
  <p>Source after page load</p>
  
  <pre><code>&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 content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
  
  &lt;title&gt;Untitled 1&lt;/title&gt;
  
  &lt;link href="stylesheet.css" rel="stylesheet" type="text/css" /&gt;
  
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
  
  Wrong Username or Password
  
  &lt;/body&gt;
  
  
  
  &lt;/html&gt;
  </code></pre>