title: Responsive Website - Sizing Issues?
body: <p>I am currently creating a general responsive template for myself , as I have not really touched this side of design as of yet.</p>
  
  <p>I am having a issue with my "Content Div" when resizing to about 600px (A red border will appear when the resolution is right as to where the problem is). My content div will no longer expand even though I have set a static height of 2300px , so the content just floats outside and the content div does not expand.</p>
  
  <pre><code> @media only screen   
  and (max-width : 603px) {  
  
  
  /* Styles */  
  #column_wrapper img {margin-left:25.33%;padding-right: 20%;}
  #column1_content{height:500px;}
  #column2_content{height:500px;}
  #column3_content{height:500px;}
  #column_wrapper{border:1px solid red;height:300px;float: left;}
  #content{height:2300px;margin-top: 100px;margin-bottom: 20%;}
  
  } 
  </code></pre>
  
  <p>The site can be found at <a href="http://www.jn-design.co.uk/Responsive" rel="nofollow">Responsive Template</a></p>