title: Display issue: right content cont bleeds over onto left column on mobile
body: <p>My problem is that on mobile, the right cont (white background) goes underneath the left cont (purple). I have tried using <code>clear:both</code> and it still didn't fix it.</p>
  
  <p>I keep thinking this CSS is wrong:</p>
  
  <pre><code>.cont {
      width: 1000px;
      overflow: hidden
  }
  .cont_left {
      width: 283px;
      height: auto;
      float: left;
      vertical-align: central;
      padding-top: 25px;
      padding-left: 25px;
      padding-right: 25px;
      background-image: url(.//images/sidebar.png);
      padding-bottom: 220px;
  }
  .cont_right {
      width: 600px;
      padding-left: 25px;
      height: 100%;
      float: left;
      position:relative;
      font: Arial;
      font-size: 12px;
      background: #ffffff;
      padding-right: 25px;
  }
  </code></pre>
  
  <p>Live site: <a href="http://www.securadesktop.com/" rel="nofollow">Website</a> </p>
  
  <p>Image of problem: <a href="http://i.imgur.com/KWgxwlK.png" rel="nofollow">iOS Screenshot</a></p>