title: divs floating and other users view
body: <p>I have a webpage i created and i use css and div floats to position everything.  On my monitor as I develop it all looks great.  I show a co-worker, and all the divs overlap and look terrible.  below is an example.</p>
  
  <p>---css----</p>
  
  <pre><code> #div1{
      float:left;
      clear:both;
      width:20%;
      height:40px;
      border:1px solid;
      .....
      }
   #div2{
      float:left;
      width:20%;
      height:40px;
      .....
      }
  </code></pre>
  
  <p>----page----</p>
  
  <pre><code>  &lt;div id='div1'&gt;Hello&lt;/div&gt;
    &lt;div id='div2'&gt;How are you?&lt;/div&gt;
    &lt;div id='div2'&gt;What is your favorite color?&lt;/div&gt;
  </code></pre>
  
  <p>in this example I made up.  it would look great for me.  on other user screen,  "Hello" will overlap the div1 border. and "how are you" would overlap the color question by a letter or two...</p>
  
  <p>i know this may be vague, but Im not sure how else to ask....</p>