title: divs changing place when the window is resized / can't use horizontal scrollbar
body: <p>I'm having a problem with my layout. I have a full width navbar with some divs on it, but when the page is resized the divs inside this navbar change their positions, and I only get a scrollbar at the bottom of the page, probably because of the footer. <br/>
  The only percentage I'm keeping on the layout is the navbar one, 100%, since I don't know how to make it full page size without using percentages. I also tried using <code>overflow: auto;</code> in both <code>body</code> and <code>container</code>, none of them seemed to work. 
  Here is the fiddle link for the page: <a href="http://jsfiddle.net/Drp55/4/" rel="nofollow">http://jsfiddle.net/Drp55/4/</a></p>