title: css id in php echo not working
body: <p>I can't seem to get the class id's that I'm assigning within a php echo to be recognized by CSS. Here is the code. It seems like I am missing something simple but I can't seem to figure out or see what it is. </p>
  
  <pre><code>echo "&lt;table class='item'&gt;
                      &lt;tr&gt;
                          &lt;td id='name'&gt;&lt;h3&gt;" . $name . "&lt;/h3&gt;&lt;/td&gt;
                          &lt;td id='itemdescription'&gt;" . $description . "&lt;/td&gt;
                          &lt;td id='imagelocaiton'&gt;&lt;img src='" . $location . "'id='image'&gt;&lt;/td&gt;
                          &lt;td id='price'&gt;" . $price . "&lt;/td&gt;";
  </code></pre>
  
  <p>And associated CSS:</p>
  
  <pre><code>#image {
  width: 300px;
  height: auto;
  }
  
  #itemdescription {
  color: red;
  }
  </code></pre>
  
  <p>Thank you!</p>
  
  <p>EDIT: This is the output HTML from inspect element. I suppose I should have mentioned this id being modified using a while loop drawing the table information from a MySQL database. I just noticed that my CSS seems to work using google chrome but not in Safari... </p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
      &lt;title&gt;For Sale&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;style type="text/css"&gt;&lt;/style&gt;&lt;/head&gt;
  &lt;body&gt;
      &lt;div class="item_list"&gt;
  
          &lt;table class="item"&gt;
                      &lt;tbody&gt;&lt;tr&gt;
                          &lt;td id="name"&gt;&lt;h3&gt;had&lt;/h3&gt;&lt;/td&gt;
                          &lt;td id="itemdescription"&gt;adfafdsaf&lt;/td&gt;
                          &lt;td id="imagelocaiton"&gt;&lt;img src="images/simple.gif" id="image"&gt;&lt;/td&gt;
                          &lt;td id="price"&gt;$0&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;table class="item"&gt;
                      &lt;tbody&gt;&lt;tr&gt;
                          &lt;td id="name"&gt;&lt;h3&gt;Idkd&lt;/h3&gt;&lt;/td&gt;
                          &lt;td id="itemdescription"&gt;adfaf&lt;/td&gt;
                          &lt;td id="imagelocaiton"&gt;&lt;img src="images/Airplane Logo.jpg" id="image"&gt;&lt;/td&gt;
                          &lt;td id="price"&gt;$0&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;table class="item"&gt;
                      &lt;tbody&gt;&lt;tr&gt;
                          &lt;td id="name"&gt;&lt;h3&gt;adfag&lt;/h3&gt;&lt;/td&gt;
                          &lt;td id="itemdescription"&gt;adfaf&lt;/td&gt;
                          &lt;td id="imagelocaiton"&gt;&lt;img src="images/Jason.jpeg" id="image"&gt;&lt;/td&gt;
                          &lt;td id="price"&gt;$1313&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;table class="item"&gt;
                      &lt;tbody&gt;&lt;tr&gt;
                          &lt;td id="name"&gt;&lt;h3&gt;afaf&lt;/h3&gt;&lt;/td&gt;
                          &lt;td id="itemdescription"&gt;adfafaf&lt;/td&gt;
                          &lt;td id="imagelocaiton"&gt;&lt;img src="images/HDR1.jpg" id="image"&gt;&lt;/td&gt;
                          &lt;td id="price"&gt;$331&lt;/td&gt;        
  </code></pre>
  
  <p></p>