title: Div and a Table side by side?
body: <p>So I have 2 Div's one with a form and one with a table. the problem is that the table div is coming below the form div. I tried using float right, and overflow css attributes. but still no success.
  CSS styling of my table: <a href="http://jsfiddle.net/QWQhL/1/" rel="nofollow">jsFiddle</a></p>
  
  <p><a href="http://designcubicle.cu.cc/webapp/index2.html" rel="nofollow">Full webpage here</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="existing_ledgers"&gt;
    &lt;table&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;First Name&lt;/th&gt;
          &lt;th&gt;Last Name&lt;/th&gt;
          &lt;th&gt;Job Title&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;James&lt;/td&gt;
          &lt;td&gt;Matman&lt;/td&gt;
          &lt;td&gt;Chief Sandwich Eater&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;The&lt;/td&gt;
          &lt;td&gt;Tick&lt;/td&gt;
          &lt;td&gt;Crimefighter Sorta&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>