title: Can somebody help me debug this HTML and CSS
body: <p>The purpose of my index.php page is to display DB driven content relating to jobs. It is split into a bottom and top half where in the bottom I have a Google Maps v3 API. <strike>Currently I am having some troubles debugging it so that I have both <code>&lt;div&gt;</code>'s set to use 50% of the page equally. I would also like them to automatically adjust and maintain the appropriate measurements as the browser is resized.</strike></p>
  
  <p><strike>Importantly I am <i>still</i> trying to get certain <code>&lt;td&gt;&lt;/td&gt;</code>'s to truncate their text when it is over a given threshold with an ellipses. The best I can manage is where the text wraps but this increases the height of the entire row of the record which makes things look ugly when the browser is resized to a small part of my screen.</strike></p>
  
  <p><strike>The major problem I am having is not being able to make the <code>&lt;div&gt;</code> that contains my <code>googleMap</code> to have 100% height and width. In fact when I specify an inline <code>style=</code> of:</p>
  
  <pre><code>&lt;div id="googleMap" style="height:100%;width:100%;"&gt;
  </code></pre>
  
  <p>Instead of:</p>
  
  <pre><code>&lt;div id="googleMap" style="height:450px;width:100%;"&gt; 
  </code></pre>
  
  <p>The map does not show at all. I also have similar troubles linking it with the CSS defined style.</strike></p>