title: Problem creating equal height columns in CSS
body: <p>I have been using the examples <a href="http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm" rel="nofollow">here</a> to setup a webpage that has columns with equal heights (using only HTML and CSS), and it is working relatively well. <a href="http://jsfiddle.net/df9pR/" rel="nofollow">Here</a> is the complete HTML and CSS code that I am using.</p>
  
  <p>Newbie questions:</p>
  
  <p>(1) As you can see, I tried to make the left column (id="column_bottom") have a white (#f5f5f5) background with black text, and the right column (id="content_bottom") with black background with white (#f5f5f5) text, but one side is always overriding the other. What can I do to make it what I want?</p>
  
  <p>(2) Also, you can see in the CSS that I have defined fonts and background colors for body, but somehow that is not carrying through, what should I do?</p>
  
  <p>Thanks!</p>
  
  <p>P.S. I am looking for a pure HTML/CSS solution, and prefer not to use javascript.</p>