title: Can't seem to float div next to min/max width fluid div
body: <p>I have a div here,</p>
  
  <pre><code>#leftBanner {
  height: 100%;
  background-color: #CCC;
  width: 22%;
  min-width: 245px;
  max-width: 355px;
  float: left;
  }
  </code></pre>
  
  <p>that doesn't seem to want to let any div float next to it. I know I can ditch the min/max or give it a static width to resolve the issue, but I'd like to try to find a solution before I give up. </p>
  
  <p>Here's a fiddle of my experimenting.</p>
  
  <p><a href="http://jsfiddle.net/2m4FB/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>I plan on covering this with a fixed navigation bar of the same width and 100% height. Right now I am just trying to get a div floated next to it that does not slide under when filled with content or overlap the leftBanner.  I have no problem with manually filling content or entering a height for each page as long as i can get it to work.</p>
  
  <p>Strangely enough, Dreamweaver's code view gives me exactly what I'm trying to achieve, but it doesn't work when published.</p>
  
  <p><img src="https://i.stack.imgur.com/FbWPI.jpg" alt="enter image description here"></p>
  
  <p>Anyone know a solution?</p>